create overlay_sidebar_header.css
This commit is contained in:
parent
99a58e8208
commit
cc6603de10
3 changed files with 40 additions and 1 deletions
37
chrome/overlay_sidebar_header.css
Normal file
37
chrome/overlay_sidebar_header.css
Normal 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;
|
||||
}
|
|
@ -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"]
|
||||
}
|
||||
|
|
1
tags.csv
1
tags.csv
|
@ -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
|
||||
|
|
|
Loading…
Reference in a new issue