Home Assistant 2022.11 compatibility

README.md

@@ -34,6 +34,7 @@ If a card inside the stack has the `--keep-background` CSS style defined, it wil
 | `box_shadow` | boolean | **Optional** | Will keep the `box-shadow` on **all** the child cards | `false` |
 | `margin` | boolean | **Optional** | Will keep the `margin` between **all** the child cards | `false` |
 | `outer_padding` | boolean | **Optional** | Will add a `padding` of `8px` to the card if `margin` is `true` | `true` if `margin` is `true`, else false |
+| `border` | boolean | **Optional** | Will keep the `border` on **all** the child cards | `false` |
 | `border_radius` | boolean | **Optional** | Will keep the `border-radius` on **all** the child cards | `false` |
 
 ## Example

src/stack-in-card.ts

@@ -51,6 +51,7 @@ class StackInCard extends LitElement implements LovelaceCard {
         margin: false,
         box_shadow: false,
         border_radius: false,
+        border: false,
         ...config.keep,
       },
     };
@@ -96,6 +97,7 @@ class StackInCard extends LitElement implements LovelaceCard {
   private _updateStyle(e: LovelaceCard | null, withBg: boolean): void {
     if (!e) return;
     if (!this._config?.keep?.box_shadow) e.style.boxShadow = 'none';
+    if (!this._config?.keep?.border) e.style.border = 'none';
     if (
       !this._config?.keep?.background &&
       withBg &&

src/types.ts

@@ -12,6 +12,7 @@ export interface KeepConfig {
   margin?: boolean;
   background?: boolean;
   box_shadow?: boolean;
+  border?: boolean;
   border_radius?: boolean;
   outer_padding?: boolean;
 }