theme-store/themes/ea1a5ace-f698-4b45-ab88-6e8bd3a563f0/chrome.css
nitro 4aaa599f99 Bookmark Toolbar Tweaks theme update
Adds expand-on-hover and expand-on-search feature
2024-08-20 18:21:38 +02:00

50 lines
No EOL
1.3 KiB
CSS

/* Center the bookmarks toolbar */
@media (-moz-bool-pref: "uc.bookmarks.center-toolbar") {
#PlacesToolbarItems {
justify-content: center;
}
}
/* Hide folder icons in the bookmarks toolbar */
@media (-moz-bool-pref: "uc.bookmarks.hide-folder-icons") {
.bookmark-item[container="true"] .toolbarbutton-icon {
display: none;
}
}
/* Hide favicons in the bookmarks toolbar */
@media (-moz-bool-pref: "uc.bookmarks.hide-favicons") {
.bookmark-item:not([container]) .toolbarbutton-icon {
display: none;
}
}
@media (-moz-bool-pref: "uc.bookmarks.expand-on-search") or (-moz-bool-pref: "uc.bookmarks.expand-on-hover") {
#PersonalToolbar:not([customizing]) {
position: relative;
margin-bottom: -35px;
transform: rotateX(90deg);
transform-origin: top;
transition: transform 135ms linear 600ms;
z-index: 1;
}
}
/* Expand the bookmarks toolbar by hovering */
@media (-moz-bool-pref: "uc.bookmarks.expand-on-hover") {
#zen-appcontent-navbar-container:hover {
#PersonalToolbar {
transition-delay: 100ms;
transform: rotateX(0deg);
}
}
}
/* Expand the bookmarks toolbar when you search */
@media (-moz-bool-pref: "uc.bookmarks.expand-on-search") {
#nav-bar:focus-within + #PersonalToolbar{
transition-delay: 100ms;
transform: rotateX(0deg);
}
}