From f83c00ea3eda3785cdbd2827752d28495c5ef85a Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 1 May 2019 10:28:05 +0300 Subject: [PATCH] Add a glow effect to minimal-mode menu-button if it has info-badge --- chrome/minimal_toolbarbuttons.css | 4 ++++ chrome/minimal_toolbarbuttons_v2.css | 4 ++++ 2 files changed, 8 insertions(+) diff --git a/chrome/minimal_toolbarbuttons.css b/chrome/minimal_toolbarbuttons.css index 236d2c9..080e0c5 100644 --- a/chrome/minimal_toolbarbuttons.css +++ b/chrome/minimal_toolbarbuttons.css @@ -37,3 +37,7 @@ toolbar:hover .toolbarbutton-1 > *, /* The menu button has some margin on non-compact density which creates annnoying transitions */ /* Lets remove that as well as border since this is minimal style anyway */ #PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } + +/* Add a glow-effect to menu-button when it has some "alert" */ +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status]{ filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange) } +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status^="update"]{ filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 0 cyan) } diff --git a/chrome/minimal_toolbarbuttons_v2.css b/chrome/minimal_toolbarbuttons_v2.css index f692060..52efc47 100644 --- a/chrome/minimal_toolbarbuttons_v2.css +++ b/chrome/minimal_toolbarbuttons_v2.css @@ -48,3 +48,7 @@ toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *, /* The menu button has some margin on non-compact density which creates annnoying transitions */ /* Lets remove that as well as border since this is minimal style anyway */ #PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } + +/* Add a glow-effect to menu-button when it has some "alert" */ +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status]{ filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange) } +#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status^="update"]{ filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 0 cyan) }