mirror of
https://github.com/zen-browser/desktop.git
synced 2026-02-20 10:28:24 +00:00
Refactor zen-compact-mode.css for improved UI layout
This commit is contained in:
@@ -150,6 +150,10 @@
|
||||
padding-left: var(--zen-element-separation) !important;
|
||||
}
|
||||
|
||||
#zen-appcontent-navbar-container {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
@media (-moz-bool-pref: 'zen.view.compact.hide-toolbar') {
|
||||
#zen-appcontent-navbar-container {
|
||||
--urlbar-height: unset;
|
||||
@@ -160,10 +164,11 @@
|
||||
width: 100%;
|
||||
border-bottom-left-radius: 8px;
|
||||
border-bottom-right-radius: 8px;
|
||||
border-top-left-radius: env(-moz-gtk-csd-titlebar-radius);
|
||||
border-top-right-radius: env(-moz-gtk-csd-titlebar-radius);
|
||||
border-bottom: 1px solid var(--zen-colors-border);
|
||||
top: 0;
|
||||
background: var(--zen-colors-tertiary);
|
||||
z-index: 2;
|
||||
transition: 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user