mirror of
https://github.com/zen-browser/desktop.git
synced 2026-03-31 12:51:59 +00:00
68 lines
2.2 KiB
CSS
68 lines
2.2 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/.
|
|
*/
|
|
:root:not([inDOMFullscreen='true']):not([chromehidden~='location']):not([chromehidden~='toolbar']) {
|
|
& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer,
|
|
#tabbrowser-tabpanels[dragging-split='true'] {
|
|
width: -moz-available;
|
|
position: relative;
|
|
|
|
&.browserSidebarContainer {
|
|
overflow: clip;
|
|
|
|
:root:not([zen-no-padding='true']) &:not(.zen-glance-overlay) {
|
|
border-radius: var(--zen-native-inner-radius);
|
|
box-shadow: var(--zen-big-shadow);
|
|
}
|
|
|
|
& browser[type='content'] {
|
|
&:not([transparent='true']) {
|
|
background: light-dark(rgb(255, 255, 255), rgb(32, 32, 32));
|
|
}
|
|
|
|
&[transparent='true'] {
|
|
background: light-dark(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.1));
|
|
}
|
|
}
|
|
|
|
@media not -moz-pref('layout.css.prefers-color-scheme.content-override', 2) {
|
|
& browser[type='content'] {
|
|
color-scheme: env(-moz-content-preferred-color-scheme);
|
|
}
|
|
}
|
|
|
|
@media -moz-pref('zen.theme.acrylic-elements') {
|
|
& browser[type='content'] {
|
|
/* For the rendering engine to apply layering optimizations. This
|
|
* is a hacky solution, but it works for now. */
|
|
will-change: transform;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
@media not ((-moz-pref('zen.view.experimental-no-window-controls') or (not -moz-pref('zen.view.hide-window-controls'))) and -moz-pref('zen.view.use-single-toolbar')) {
|
|
.browserSidebarContainer:is(.deck-selected, [zen-split='true']) .browserContainer {
|
|
transition: margin 0.1s ease;
|
|
|
|
:root[zen-single-toolbar='true'] & {
|
|
transition-delay: 0.2s;
|
|
}
|
|
|
|
#tabbrowser-tabpanels[has-toolbar-hovered] & {
|
|
--margin-top-fix: calc(-1 * var(--zen-toolbar-height) + var(--zen-element-separation));
|
|
|
|
:root:not([zen-single-toolbar='true']) & {
|
|
--margin-top-fix: calc(
|
|
-1 * var(--zen-toolbar-height-with-bookmarks) + var(--zen-element-separation)
|
|
);
|
|
}
|
|
|
|
margin-top: var(--margin-top-fix);
|
|
}
|
|
}
|
|
}
|
|
}
|