Add colors to inform about downloads button state
This commit is contained in:
parent
507fe8cb56
commit
80ce45de17
3 changed files with 27 additions and 10 deletions
|
@ -38,6 +38,12 @@ toolbar:hover .toolbarbutton-1 > *,
|
|||
/* 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) }
|
||||
/* Add a glow-effect to some buttons when it has some "alert" */
|
||||
#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status],
|
||||
#navigator-toolbox:not(:hover) #downloads-button[attention]{
|
||||
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"],
|
||||
#navigator-toolbox:not(:hover) #downloads-button[attention="success"]{
|
||||
filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 1px cyan);
|
||||
}
|
|
@ -49,6 +49,12 @@ toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *,
|
|||
/* 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) }
|
||||
/* Add a glow-effect to some buttons when it has some "alert" */
|
||||
#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status],
|
||||
#navigator-toolbox:not(:hover) #downloads-button[attention]{
|
||||
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"],
|
||||
#navigator-toolbox:not(:hover) #downloads-button[attention="success"]{
|
||||
filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 1px cyan);
|
||||
}
|
|
@ -51,7 +51,12 @@ toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *,
|
|||
/* 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" */
|
||||
#PanelUI-button:not(:hover) > #PanelUI-menu-button[badge-status]{ filter: brightness(2) drop-shadow(0 0 3px orange) drop-shadow(0 0 1px orange) }
|
||||
|
||||
#PanelUI-button:not(:hover) > #PanelUI-menu-button[badge-status^="update"]{ filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 0 cyan) }
|
||||
/* Add a glow-effect to some buttons when it has some "alert" */
|
||||
#nav-bar:not(:hover) > #PanelUI-button > #PanelUI-menu-button[badge-status],
|
||||
#navigator-toolbox:not(:hover) #downloads-button[attention]{
|
||||
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"],
|
||||
#navigator-toolbox:not(:hover) #downloads-button[attention="success"]{
|
||||
filter: brightness(2) drop-shadow(0 0 2px cyan) drop-shadow(0 0 1px cyan);
|
||||
}
|
Loading…
Reference in a new issue