- Added tbody

- added important to table and tbody height
mentalilll · Feb 28, 2024 · 8e0be42 · 8e0be42
1 parent f943987
commit 8e0be42
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 16 deletions.
diff --git a/dist/chart.css b/dist/chart.css
@@ -1,6 +1,5 @@
 ha-card.vpd-chart-view, ha-card.vpd-chart-view .vpd-card-container {
     height: 100%;
-    min-height: 400px;
     overflow:hidden;
 }
 .vpd-chart-view .gray-danger-zone {
@@ -26,14 +25,16 @@ ha-card.vpd-chart-view, ha-card.vpd-chart-view .vpd-card-container {
     background-color: #1a6c9c;
 }
 
+
 .vpd-chart-view table {
     width: 100%;
-    height: 100%;
-}
-.vpd-chart-view table {
+    height: 100% !important;
     border: 0;
     border-collapse: collapse;
 }
+.vpd-chart-view table tbody {
+    height:100% !important;
+}
 .vpd-chart-view .history-circle {
     display:none;
 }
@@ -149,15 +150,8 @@ ha-card.vpd-chart-view, ha-card.vpd-chart-view .vpd-card-container {
 .vpd-chart-view .axes .temperature-axis .temperature-axis-label:last-child {
     border-bottom:0;
 }
-.vpd-chart-view .vpd-table {
-    width: 100%;
-    height: 100%;
-}
-.vpd-chart-view .vpd-table tbody {
-    height:100%;
-}
 
-.vpd-chart-view #sensors,.vpd-chart-view  #ghostmap {
+.vpd-chart-view #sensors,.vpd-chart-view #ghostmap {
     width:100%;
     height:100%;
     position:absolute;

diff --git a/dist/chart.js b/dist/chart.js
@@ -87,23 +87,21 @@ export const chart = {
         table.className = 'vpd-table';
 
         const fragment = document.createDocumentFragment();
-        let html = '';
+        let html = '<tbody>';
         for (let Tair = this.min_temperature; Tair <= this.max_temperature; Tair += this.steps_temperature) {
             const Tleaf = Tair - 2;
             html += '<tr>';
-
             for (let RH = this.max_humidity; RH >= this.min_humidity; RH -= this.steps_humidity) {
                 const key = `${Tleaf}-${Tair}-${RH}`;
                 let vpd = this.calculateVPD(Tleaf, Tair, RH).toFixed(2);
                 const phaseClass = this.getPhaseClass(vpd);
                 html += `<td class="cell ${phaseClass}" data-air="${Tair}" data-leaf="${Tleaf}" data-rh="${RH}" data-vpd="${vpd}"></td>`;
             }
-
             html += '</tr>';
         }
 
 
-        table.innerHTML = html;
+        table.innerHTML = html + '</tbody>';
         return table;
     },
     buildTooltip() {