theme-store/themes/67b12475-1c26-4d13-9156-297383ed8dbf/chrome.css
JarickWorks 224e9227d6
Update theme: Floating toolbar (#413)
* Update theme.json

Added homepage link.
Updated version number.

* Update readme.md

Added bookmark bar sentence to description.
Added options section.
Organised requires into section.

* Update chrome.css

Fixed padding on toolbar so it now uses variable.
Added option for compact toolbar.
Added option for increased spacing.
Added option for merging bookmark bar with toolbar.

* Create preferences.json

* Update theme.json

Added line for preferences.json
2024-09-19 21:15:24 +02:00

53 lines
1.4 KiB
CSS

#zen-appcontent-navbar-container {
padding: calc(var(--zen-element-separation) * 2) !important;
border: none !important;
background: none !important;
box-sizing: border-box;
}
#nav-bar,
#PersonalToolbar {
background: var(--zen-colors-tertiary) !important;
border-radius: var(--zen-border-radius);
border: 1px solid var(--zen-colors-border) !important;
}
#PersonalToolbar {
margin-top: var(--zen-element-separation);
}
#PersonalToolbar,
.bookmark-item {
padding: var(--zen-element-separation);
}
/* Enable compact toolbar, similar to Smaller Compact Mode by n7itro */
@media (-moz-bool-pref: "uc.floatingtoolbar.compact.enabled") {
#nav-bar,
#PersonalToolbar {
width: 75vw !important;
margin-left: calc( 12.5vw - var(--zen-element-separation) * 2) !important;
}
}
/* Increase space around edge of browser window and toolbar / tab bar */
@media (-moz-bool-pref: "uc.floatingtoolbar.increase.spacing") {
#main-window {
--zen-element-separation: 10px !important;
}
#PersonalToolbar,
.bookmark-item {
padding: calc( var(--zen-element-separation) / 2 );
}
}
/* Merge bookmark bar with toolbar */
@media (-moz-bool-pref: "uc.floatingtoolbar.merge.bookmarks") {
#nav-bar {
border-radius: var(--zen-border-radius) var(--zen-border-radius) 0 0;
}
#PersonalToolbar {
border-radius: 0 0 var(--zen-border-radius) var(--zen-border-radius);
border-top-width: 0 !important;
}
}