fix: added important and ::state to css classes

ItayLisaey · Apr 25, 2022 · 3465c84 · 3465c84
1 parent c3d0b22
commit 3465c84
Show file tree

Hide file tree

Showing 3 changed files with 44 additions and 4 deletions.
diff --git a/src/lib/SafeView/filters/black.filter.css b/src/lib/SafeView/filters/black.filter.css
@@ -1,4 +1,20 @@
 .safe-mode *[data-safe] {
-    background-color: black;
-    color: black;
+    background-color: black !important;
+    color: black !important;
 }
+
+
+.safe-mode *[data-safe]:hover {
+    background-color: black !important;
+    color: black !important;
+}
+
+.safe-mode *[data-safe]:active {
+        background-color: black !important;
+    color: black !important;
+}
+
+.safe-mode *[data-safe]:focus {
+        background-color: black !important;
+    color: black !important;
+}
diff --git a/src/lib/SafeView/filters/blur.filter.css b/src/lib/SafeView/filters/blur.filter.css
@@ -1,3 +1,15 @@
 .safe-mode *[data-safe] {
-    filter: blur(.3rem);
+    filter: blur(.3rem) !important;
 }
+
+.safe-mode *[data-safe]:hover {
+    filter: blur(.3rem) !important;
+}
+
+.safe-mode *[data-safe]:active {
+    filter: blur(.3rem) !important;
+}
+
+.safe-mode *[data-safe]:focus {
+    filter: blur(.3rem) !important;
+}
diff --git a/src/lib/SafeView/filters/hidden.filter.css b/src/lib/SafeView/filters/hidden.filter.css
@@ -1,3 +1,15 @@
 .safe-mode *[data-safe] {
-    display: none;
+    display: none !important;
+}
+
+.safe-mode *[data-safe]:hover {
+     display: none !important;
+}
+
+.safe-mode *[data-safe]:active {
+     display: none !important;
+}
+
+.safe-mode *[data-safe]:focus {
+     display: none !important;
 }