create overlay_sidebar_header.css

This commit is contained in:
MrOtherGuy 2023-01-03 16:30:29 +02:00
parent 99a58e8208
commit cc6603de10
3 changed files with 40 additions and 1 deletions

View file

@ -0,0 +1,37 @@
/* Source file https://github.com/MrOtherGuy/firefox-csshacks/tree/master/chrome/overlay_sidebar_header.css made available under Mozilla Public License v. 2.0
See the above repository for updates as well as full license text. */
/* This is a hack that only "kinda" works! */
/* Changes sidebar header to appear as small "notch" at the top of the sidebar. Hovering it will show full sidebar so you can have access to sidebar switcher button. The caveat is that you need to click the switcher button TWICE - otherwise the header and switcher popup will hide themselver as soon as cursor is moved on top of the switcher popup. */
#sidebar-header{
display: flex;
position: absolute;
width: inherit;
visibility: hidden;
background-color: inherit;
-moz-user-focus: normal;
}
#sidebar-header::before{
visibility: visible;
content: "";
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
background-color: inherit;
border: 1px solid var(--chrome-content-separator-color);
border-top: none;
height: 8px;
width: 14px;
margin-top: -9px;
margin-inline-start: -4px;
}
#sidebar-switcher-target.active{
pointer-events: none;
}
#sidebar-header:focus-within,
#sidebar-header:hover{
visibility: visible;
}
#sidebar-spacer{
flex-grow: 1;
}

View file

@ -157,5 +157,6 @@
"window_control_fallback_for_custom_windows_theme.css":["window-control","buttons","colors","patch"],
"window_control_force_linux_system_style.css":["window-control","buttons","icon"],
"window_control_placeholder_support.css":["window-control","patch"],
"vertical_urlbar_one-off_items.css":["urlbar"]
"vertical_urlbar_one-off_items.css":["urlbar"],
"overlay_sidebar_header.css":["sidebar","hack"]
}

View file

@ -157,3 +157,4 @@ window_control_fallback_for_custom_windows_theme.css,window-control,buttons,colo
window_control_force_linux_system_style.css,window-control,buttons,icon
window_control_placeholder_support.css,window-control,patch
vertical_urlbar_one-off_items.css,urlbar
overlay_sidebar_header.css,sidebar,hack

1 auto_devtools_theme_for_rdm.css,devtools,colors
157 window_control_force_linux_system_style.css,window-control,buttons,icon
158 window_control_placeholder_support.css,window-control,patch
159 vertical_urlbar_one-off_items.css,urlbar
160 overlay_sidebar_header.css,sidebar,hack