Fix thermostat humidifier card size (#18749)

home-assistant · Nov 24, 2023 · eaf7e29 · eaf7e29
1 parent 260f1df
commit eaf7e29
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 12 deletions.
diff --git a/src/panels/lovelace/cards/hui-humidifier-card.ts b/src/panels/lovelace/cards/hui-humidifier-card.ts
@@ -154,11 +154,6 @@ export class HuiHumidifierCard extends LitElement implements LovelaceCard {
 
   static get styles(): CSSResultGroup {
     return css`
-      :host {
-        display: block;
-        height: 100%;
-      }
-
       ha-card {
         height: 100%;
         position: relative;
@@ -167,7 +162,7 @@ export class HuiHumidifierCard extends LitElement implements LovelaceCard {
         display: flex;
         flex-direction: column;
         align-items: center;
-        justify-content: center;
+        justify-content: space-between;
       }
 
       .title {

diff --git a/src/panels/lovelace/cards/hui-thermostat-card.ts b/src/panels/lovelace/cards/hui-thermostat-card.ts
@@ -146,11 +146,6 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
 
   static get styles(): CSSResultGroup {
     return css`
-      :host {
-        display: block;
-        height: 100%;
-      }
-
       ha-card {
         height: 100%;
         position: relative;
@@ -159,7 +154,7 @@ export class HuiThermostatCard extends LitElement implements LovelaceCard {
         display: flex;
         flex-direction: column;
         align-items: center;
-        justify-content: center;
+        justify-content: space-between;
       }
 
       .title {

diff --git a/src/state-control/state-control-circular-slider-style.ts b/src/state-control/state-control-circular-slider-style.ts
@@ -99,6 +99,12 @@ export const stateControlCircularSliderStyle = css`
     }
   }
 
+  @container container (max-width: 130px) {
+    .label {
+      display: none;
+    }
+  }
+
   /* Slider */
   ha-control-circular-slider {
     width: 100%;