mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-02-05 19:37:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix compact mode collapsed width not applied, change top gap when toolbar visible.

Browse Source
This commit is contained in:
brahim
2024-10-11 03:24:28 +02:00
parent 0ba9eb2eeb
commit 234d05d044
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/browser/base/content/zen-styles/zen-compact-mode.css
View File

@@ -33,7 +33,7 @@
z-index: 9;
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
right: calc(100% - var(--zen-element-separation));
top: var(--zen-element-separation);
top: 0;
bottom: var(--zen-element-separation);
opacity: 0;
padding-left: var(--zen-compact-float) !important;
@@ -57,11 +57,17 @@
position: relative;
}
/* Mark: toolbox as collapsed */
#navigator-toolbox:not(#navigator-toolbox:is(#navigator-toolbox[zen-expanded='true'])) {
#zen-tabbox-wrapper > #navigator-toolbox:not(#navigator-toolbox:is(#navigator-toolbox[zen-expanded='true'])) {
max-width: calc(var(--zen-toolbox-max-width) + var(--zen-compact-float)) !important;
min-width: calc(var(--zen-toolbox-max-width) + var(--zen-compact-float)) !important;
}
@media (-moz-bool-pref: 'zen.view.compact.hide-toolbar') {
#navigator-toolbox {
top: var(--zen-element-separation);
}
}
#navigator-toolbox:hover,
#navigator-toolbox[zen-has-hover],
#navigator-toolbox:focus-within,