Fix rendering issue

mlamberts78 · Oct 2, 2024 · 39ef4db · 39ef4db
1 parent eab5bf2
commit 39ef4db
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 14 deletions.
diff --git a/dist/weather-chart-card.js b/dist/weather-chart-card.js
@@ -17828,7 +17828,7 @@ static getStubConfig(hass, unusedEntities, allEntities) {
     show_visibility: false,
     show_last_changed: false,
     use_12hour_format: false,
-    icons_size: '25',
+    icons_size: '40',
     animated_icons: false,
     icon_style: 'style1',
     autoscroll: false,
@@ -17868,7 +17868,7 @@ static getStubConfig(hass, unusedEntities, allEntities) {
 
 setConfig(config) {
   const cardConfig = {
-    icons_size: 25,
+    icons_size: 40,
     animated_icons: false,
     icon_style: 'style1',
     current_temp_size: 28,
@@ -18617,8 +18617,8 @@ updateChart({ forecasts, forecastChart } = this) {
           color: var(--paper-item-icon-color);
         }
         img {
-          width: ${config.icons_size}px;
-          height: ${config.icons_size}px;
+          width: ${config.icons_size}px !important;
+          height: ${config.icons_size}px !important;
         }
         .card {
           padding-top: ${config.title ? '0px' : '16px'};
@@ -18629,7 +18629,7 @@ updateChart({ forecasts, forecastChart } = this) {
         .main {
           display: flex;
           align-items: center;
-          font-size: ${config.current_temp_size}px;
+          font-size: ${config.current_temp_size}px !important;
           margin-bottom: 10px;
         }
         .main ha-icon {
@@ -18639,8 +18639,8 @@ updateChart({ forecasts, forecastChart } = this) {
           margin-inline-end: 14px;
         }
         .main img {
-          width: ${config.icons_size * 2}px;
-          height: ${config.icons_size * 2}px;
+          width: ${config.icons_size * 2}px !important;
+          height: ${config.icons_size * 2}px !important;
           margin-right: 14px;
           margin-inline-start: initial;
           margin-inline-end: 14px;

diff --git a/src/main.js b/src/main.js
@@ -45,7 +45,7 @@ static getStubConfig(hass, unusedEntities, allEntities) {
     show_visibility: false,
     show_last_changed: false,
     use_12hour_format: false,
-    icons_size: '25',
+    icons_size: '40',
     animated_icons: false,
     icon_style: 'style1',
     autoscroll: false,
@@ -85,7 +85,7 @@ static getStubConfig(hass, unusedEntities, allEntities) {
 
 setConfig(config) {
   const cardConfig = {
-    icons_size: 25,
+    icons_size: 40,
     animated_icons: false,
     icon_style: 'style1',
     current_temp_size: 28,
@@ -834,8 +834,8 @@ updateChart({ forecasts, forecastChart } = this) {
           color: var(--paper-item-icon-color);
         }
         img {
-          width: ${config.icons_size}px;
-          height: ${config.icons_size}px;
+          width: ${config.icons_size}px !important;
+          height: ${config.icons_size}px !important;
         }
         .card {
           padding-top: ${config.title ? '0px' : '16px'};
@@ -846,7 +846,7 @@ updateChart({ forecasts, forecastChart } = this) {
         .main {
           display: flex;
           align-items: center;
-          font-size: ${config.current_temp_size}px;
+          font-size: ${config.current_temp_size}px !important;
           margin-bottom: 10px;
         }
         .main ha-icon {
@@ -856,8 +856,8 @@ updateChart({ forecasts, forecastChart } = this) {
           margin-inline-end: 14px;
         }
         .main img {
-          width: ${config.icons_size * 2}px;
-          height: ${config.icons_size * 2}px;
+          width: ${config.icons_size * 2}px !important;
+          height: ${config.icons_size * 2}px !important;
           margin-right: 14px;
           margin-inline-start: initial;
           margin-inline-end: 14px;