tm24fan8/firefox-csshacks
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add selectors for shadow root tab scrollbuttons

Browse Source
This commit is contained in:
MrOtherGuy
2019-10-04 17:18:35 +03:00
parent 6976d7dfc4
commit 2738b40472
3 changed files with 35 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
chrome/minimal_toolbarbuttons_v2.css
+10 -2
View File
@@ -12,13 +12,17 @@ such as, nav-bar buttons are not shown when urlbar is hovered
#nav-bar > #nav-bar-customization-target:hover ~ toolbaritem:not([open]),
toolbar .toolbarbutton-1:not([open]),
.titlebar-button,
#tabbrowser-tabs toolbarbutton{
#tabbrowser-tabs toolbarbutton,
toolbarbutton.scrollbutton-up[orient="horizontal"],
toolbarbutton.scrollbutton-down[orient="horizontal"]{
background-image: radial-gradient(circle at center, var(--lwt-toolbarbutton-icon-fill,currentColor) 0,var(--lwt-toolbarbutton-icon-fill,currentColor) 10%,transparent 15% );
}
/* Hide placeholder on hover */
toolbar:hover .toolbarbutton-1,
.titlebar-buttonbox:hover > .titlebar-button,
#tabbrowser-tabs:hover toolbarbutton{ background-image: none }
#tabbrowser-tabs:hover toolbarbutton,
toolbarbutton.scrollbutton-up[orient="horizontal"]:hover,
toolbarbutton.scrollbutton-down[orient="horizontal"]:hover{ background-image: none }
#urlbar-container:hover ~ .toolbarbutton-1:not([open]) > *,
#urlbar-container:hover ~ #stop-reload-button > .toolbarbutton-1 > *,
@@ -27,6 +31,8 @@ toolbar:hover .toolbarbutton-1,
#titlebar:hover ~ toolbar .toolbarbutton-1 > *,
toolbar .toolbarbutton-1 > *,
#tabbrowser-tabs toolbarbutton > *,
toolbarbutton.scrollbutton-up[orient="horizontal"] > .toolbarbutton-icon,
toolbarbutton.scrollbutton-down[orient="horizontal"] > .toolbarbutton-icon,
.titlebar-button > *{
transform: scale(0);
transition: transform 82ms linear !important;
@@ -36,6 +42,8 @@ toolbar:hover .toolbarbutton-1:not(#PanelUI-menu-button) > *,
#nav-bar-overflow-button:hover + #PanelUI-button > .toolbarbutton-1 > stack,
#PanelUI-menu-button:hover > stack,
#tabbrowser-tabs:hover toolbarbutton > *,
toolbarbutton.scrollbutton-up[orient="horizontal"]:hover > .toolbarbutton-icon,
toolbarbutton.scrollbutton-down[orient="horizontal"]:hover > .toolbarbutton-icon,
.toolbarbutton-1[open] > *,
.titlebar-buttonbox:hover > .titlebar-button > *{
transform: scale(1)