48 lines
1.8 KiB
CSS
Executable file
48 lines
1.8 KiB
CSS
Executable file
/*
|
|
* Autohide bookmark bar
|
|
* Forum link: https://forum.vivaldi.net/topic/95511/overlay-bookmark-bar
|
|
*/
|
|
|
|
#browser {
|
|
--bookmark-bar-hide-delay: 400ms;
|
|
--bookmark-bar-show-ctrlkey: false;
|
|
}
|
|
|
|
.bookmark-bar-top:is(.address-top, .tabs-top) {
|
|
#main:has(.bookmark-bar:hover) #webview-container {
|
|
pointer-events: none !important;
|
|
}
|
|
&.tabs-top #tabs-subcontainer {
|
|
-webkit-app-region: no-drag !important;
|
|
}
|
|
|
|
.bookmark-bar {
|
|
height: 0 !important;
|
|
border: none !important;
|
|
}
|
|
.bookmark-bar .observer {
|
|
position: absolute !important;
|
|
z-index: 4 !important;
|
|
width: 100% !important;
|
|
border-bottom: solid 1px var(--colorBorder) !important;
|
|
clip-path: inset(0 0 100% 0) !important;
|
|
transition-delay: var(--bookmark-bar-hide-delay) !important;
|
|
}
|
|
&:has(.button-disabled-preview):has(.tabbar-wrapper:hover).tabs-top .bookmark-bar .observer,
|
|
&:has(.button-disabled-preview).address-top .bookmark-bar:is(.mainbar:not(:has(.OmniDropdown, nav.menu)):hover ~ *) .observer,
|
|
.bookmark-bar:is(:focus-within, :hover) .observer {
|
|
clip-path: inset(0 0 -1px 0) !important;
|
|
transition: clip-path 150ms cubic-bezier(0, 1, 0, 0.9) 50ms !important;
|
|
}
|
|
@container not style(--bookmark-bar-show-ctrlkey: true) {
|
|
&:has(.tabbar-wrapper:hover).tabs-top .bookmark-bar .observer,
|
|
&.address-top .bookmark-bar:is(.mainbar:not(:has(.OmniDropdown, nav.menu)):hover ~ *) .observer,
|
|
.bookmark-bar:is(:focus-within, :hover) .observer {
|
|
clip-path: inset(0 0 -1px 0) !important;
|
|
transition: clip-path 150ms cubic-bezier(0, 1, 0, 0.9) 50ms !important;
|
|
}
|
|
}
|
|
&.animation-off .bookmark-bar .observer {
|
|
transition-duration: 0ms !important;
|
|
}
|
|
}
|