From 3465c845b4618e7455d45f0d34f8fb5a6b3a0f3d Mon Sep 17 00:00:00 2001 From: Itay Lisaey Date: Mon, 25 Apr 2022 18:45:04 +0300 Subject: [PATCH] fix: added important and ::state to css classes --- src/lib/SafeView/filters/black.filter.css | 20 ++++++++++++++++++-- src/lib/SafeView/filters/blur.filter.css | 14 +++++++++++++- src/lib/SafeView/filters/hidden.filter.css | 14 +++++++++++++- 3 files changed, 44 insertions(+), 4 deletions(-) diff --git a/src/lib/SafeView/filters/black.filter.css b/src/lib/SafeView/filters/black.filter.css index 8bee05d..921cbf7 100644 --- 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; +} \ No newline at end of file diff --git a/src/lib/SafeView/filters/blur.filter.css b/src/lib/SafeView/filters/blur.filter.css index d529b73..8e60e59 100644 --- 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; +} \ No newline at end of file diff --git a/src/lib/SafeView/filters/hidden.filter.css b/src/lib/SafeView/filters/hidden.filter.css index 6aebd78..63a3c52 100644 --- 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; } \ No newline at end of file