Fix stack style in panel view (home-assistant#20135)

surfingbytes · Mar 25, 2024 · db37099 · db37099
1 parent 447932e
commit db37099
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/src/panels/lovelace/cards/hui-stack-card.ts b/src/panels/lovelace/cards/hui-stack-card.ts
@@ -87,7 +87,7 @@ export abstract class HuiStackCard<T extends StackCardConfig = StackCardConfig>
   static get sharedStyles(): CSSResultGroup {
     return css`
       .card-header {
-        color: var(--ha-card-header-color, --primary-text-color);
+        color: var(--ha-card-header-color, var(--primary-text-color));
         font-family: var(--ha-card-header-font-family, inherit);
         font-size: var(--ha-card-header-font-size, 24px);
         font-weight: normal;
@@ -98,6 +98,11 @@ export abstract class HuiStackCard<T extends StackCardConfig = StackCardConfig>
         display: block;
         padding: 24px 16px 16px;
       }
+      :host {
+        --ha-card-border-radius: inherit !important;
+        --ha-card-border-width: inherit !important;
+        --ha-card-box-shadow: inherit !important;
+      }
     `;
   }
 

diff --git a/src/panels/lovelace/views/hui-panel-view.ts b/src/panels/lovelace/views/hui-panel-view.ts
@@ -130,7 +130,12 @@ export class PanelView extends LitElement implements LovelaceViewElement {
       :host {
         display: block;
         height: 100%;
+      }
+
+      * {
         --ha-card-border-radius: 0;
+        --ha-card-border-width: 0;
+        --ha-card-box-shadow: none;
       }
 
       ha-fab {