mirror of
https://github.com/zen-browser/desktop.git
synced 2026-01-09 23:03:35 +00:00
101 lines
2.6 KiB
CSS
101 lines
2.6 KiB
CSS
|
|
#navigator-toolbox toolbar#TabsToolbar {
|
|
margin: 10px var(--zen-appcontent-separator-from-window);
|
|
}
|
|
|
|
#PersonalToolbar {
|
|
/*border-top: 1px solid light-dark(#ddd, #4a4a4a);*/
|
|
padding: 5px 0;
|
|
padding-inline: 15px !important;
|
|
}
|
|
|
|
/* URL and tool bars */
|
|
|
|
#urlbar {
|
|
border: 1px solid light-dark(#ddd, #4a4a4a);
|
|
overflow: hidden;
|
|
padding: 1px;
|
|
}
|
|
|
|
#zen-website-and-native-separator {
|
|
background: light-dark(#ddd, #4a4a4a);
|
|
height: 1px;
|
|
width: 100%;
|
|
}
|
|
|
|
#urlbar[focused="true"][breakout-extend="true"] {
|
|
overflow: visible;
|
|
}
|
|
|
|
#urlbar[focused="true"] > #urlbar-background,
|
|
#searchbar:focus-within {
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background,
|
|
#searchbar:focus-within {
|
|
outline: none !important;
|
|
outline-offset: none !important;
|
|
outline-color: none !important;
|
|
}
|
|
|
|
#urlbar, #urlbar .urlbar-page-action,
|
|
#urlbar #tracking-protection-icon-container,
|
|
#urlbar:not([extend="true"]) #identity-box:not(.chromeUI) #identity-icon-box {
|
|
border-radius: 999px !important;
|
|
}
|
|
|
|
#urlbar:not([extend="true"]) #identity-box.chromeUI #identity-icon-box {
|
|
border-radius: 20px 10px 10px 20px !important;
|
|
}
|
|
|
|
#urlbar .urlbar-page-action,
|
|
#urlbar #identity-box #identity-icon-box,
|
|
#urlbar #tracking-protection-icon-container {
|
|
margin: 0 1px;
|
|
}
|
|
|
|
#urlbar:not([extend="true"]) #identity-box #identity-icon-box { position: relative;}
|
|
|
|
/* TODO: this does NOT show up! */
|
|
#urlbar:not([extend="true"]) #identity-box:not(.chromeUI):not(.localResource) #identity-icon-box::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
right: -5px;
|
|
height: calc(100% - 5px);
|
|
width: 1px;
|
|
background: var(--zen-dialog-border-color);
|
|
transition: .1s;
|
|
transform: translateY(-50%);
|
|
}
|
|
|
|
#urlbar:not([extend="true"]) #identity-box:not(.chromeUI):not(.localResource) #identity-icon-box {
|
|
margin: 0 5px;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
#urlbar:not([extend="true"]) #identity-box:not(.chromeUI):not(.localResource) {
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.urlbar-page-action {
|
|
width: calc(var(--urlbar-min-height) - 5px - 2 * var(--urlbar-container-padding)) !important;
|
|
height: calc(var(--urlbar-min-height) - 5px - 2 * var(--urlbar-container-padding)) !important;
|
|
padding: 0 !important;
|
|
justify-content: center !important;
|
|
align-items: center !important;
|
|
}
|
|
|
|
.urlbar-page-action:not([hidden="true"]) {
|
|
display: flex !important;
|
|
}
|
|
|
|
toolbar .toolbarbutton-1 {
|
|
& > .toolbarbutton-icon,
|
|
& > .toolbarbutton-badge-stack {
|
|
width: calc(2 * var(--toolbarbutton-inner-padding) + 18px) !important;
|
|
height: calc(2 * var(--toolbarbutton-inner-padding) + 18px) !important;
|
|
}
|
|
}
|