mirror of
https://github.com/zen-browser/desktop.git
synced 2026-04-23 07:45:36 +00:00
e3523066c3
* feat: Improve button sizings for the sidebar, b=no-bug, c=common, tabs, workspaces * perf: Improved split view switch perf, b=no-bug, c=glance, split-view * chore: Remove :has selector for compact mode check and prevent menu close when toggling site permissions, b=no-bug, c=common, compact-mode, tabs
73 lines
1.9 KiB
CSS
73 lines
1.9 KiB
CSS
/*
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
*/
|
|
|
|
&:not([zen-single-toolbar='true']) {
|
|
& #navigator-toolbox {
|
|
--zen-toolbox-top-align: var(--zen-element-separation);
|
|
}
|
|
|
|
@media -moz-pref('zen.view.compact.hide-tabbar') {
|
|
& #titlebar {
|
|
margin-top: var(--zen-element-separation) !important;
|
|
}
|
|
}
|
|
|
|
&[zen-right-side='true'][zen-window-buttons-reversed='true'] #titlebar,
|
|
&:not([zen-right-side='true']):not([zen-window-buttons-reversed='true']) #titlebar {
|
|
/* The same as the expression above */
|
|
margin-top: var(--zen-element-separation) !important;
|
|
}
|
|
|
|
& #zen-appcontent-wrapper {
|
|
z-index: 3 !important;
|
|
}
|
|
|
|
& #zen-appcontent-navbar-wrapper {
|
|
& .zen-toolbar-background {
|
|
display: flex;
|
|
}
|
|
transition: height var(--zen-hidden-toolbar-transition);
|
|
|
|
height: var(--zen-element-separation);
|
|
overflow: clip;
|
|
|
|
& #urlbar:not([breakout-extend='true']) {
|
|
opacity: 0;
|
|
pointer-events: none;
|
|
transition: opacity var(--zen-hidden-toolbar-transition);
|
|
}
|
|
|
|
%include windows-captions-fix-default.inc.css
|
|
|
|
& #zen-appcontent-navbar-container {
|
|
opacity: 0;
|
|
transition: opacity var(--zen-hidden-toolbar-transition);
|
|
}
|
|
}
|
|
|
|
& #zen-appcontent-navbar-wrapper[zen-has-hover],
|
|
& #zen-appcontent-navbar-wrapper[has-popup-menu],
|
|
&
|
|
#zen-appcontent-navbar-wrapper:has(
|
|
*:is([panelopen='true'], [open='true'], #urlbar:focus-within, [breakout-extend='true']):not(.zen-compact-mode-ignore)
|
|
) {
|
|
|
|
height: var(--zen-toolbar-height-with-bookmarks);
|
|
overflow: inherit;
|
|
|
|
%include windows-captions-fix-active.inc.css
|
|
|
|
& #urlbar {
|
|
opacity: 1;
|
|
pointer-events: auto;
|
|
}
|
|
|
|
& #zen-appcontent-navbar-container {
|
|
opacity: 1;
|
|
}
|
|
}
|
|
}
|