From e5b47ace2bf716c7e10bd252edbe3d6ad5ce8453 Mon Sep 17 00:00:00 2001
From: jreed509 <jreed509@me.com>
Date: Wed, 13 Oct 2021 01:54:50 -0400
Subject: [PATCH] Added !important to hidden opacity

Opacity set in the #lock ID conflicted with transition. Adding !important flag to opacity in the .hidden class allows the transition to work and still allows the user to set opacity.
---
 src/restriction-card.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/restriction-card.ts b/src/restriction-card.ts
index a1f9f9d..511b569 100644
--- a/src/restriction-card.ts
+++ b/src/restriction-card.ts
@@ -304,7 +304,7 @@ class RestrictionCard extends LitElement implements LovelaceCard {
       }
       .hidden {
         visibility: hidden;
-        opacity: 0;
+        opacity: 0 !important;
         transition: visibility 0s 2s, opacity 2s linear;
         color: var(--success-lock-color);
       }