Merge pull request #132 from iantrich/feat-background-hides-slowly

feat: Background hides slowly
iantrich · Jan 17, 2025 · fdfa684 · fdfa684
2 parents baeb0f1 + 53fe69a
commit fdfa684
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/const.ts b/src/const.ts
@@ -1 +1 @@
-export const CARD_VERSION = '1.2.12';
+export const CARD_VERSION = '1.2.13';
diff --git a/src/restriction-card.ts b/src/restriction-card.ts
@@ -285,7 +285,6 @@ class RestrictionCard extends LitElement implements LovelaceCard {
         --mdc-icon-size: var(--lock-icon-size);
       }
       #overlay {
-        align-items: flex-start;
         padding: 8px 7px;
         position: absolute;
         left: 0;
@@ -297,7 +296,8 @@ class RestrictionCard extends LitElement implements LovelaceCard {
         background: var(--restriction-overlay-background, unset);
       }
       #overlay:has(.hidden) {
-        background: unset;
+        opacity: 0 !important;
+        transition: opacity 2s linear;
       }
       #overlay:not(:has(.hidden)):has(+ #card.card-row) {
         outline: var(--restriction-overlay-row-outline, none);
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		export const CARD_VERSION = '1.2.12';
		export const CARD_VERSION = '1.2.13';