fliegerjohn/mobile-config-firefox
1
0
Fork 1
mirror of https://codeberg.org/claui/mobile-config-firefox.git synced 2024-09-19 18:47:19 +02:00
Code Issues Projects Releases Packages Wiki Activity

Add a glow effect to minimal-mode menu-button if it has info-badge

Browse source
This commit is contained in:
MrOtherGuy 2019-05-01 10:28:05 +03:00
parent acc7b44d12
commit f83c00ea3e
2 changed files with 8 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
chrome/minimal_toolbarbuttons.css
View file

@ -37,3 +37,7 @@ toolbar:hover .toolbarbutton-1 > *,
/* The menu button has some margin on non-compact density which creates annnoying transitions */ /* 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 */ /* Lets remove that as well as border since this is minimal style anyway */
#PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } #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) }

4
chrome/minimal_toolbarbuttons_v2.css
View file

@ -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 */ /* 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 */ /* Lets remove that as well as border since this is minimal style anyway */
#PanelUI-button{ border-left: 0px !important; margin-left: 0px !important; } #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) }