fix: adjust fullscreen behavior for vertical tabs to improve visibility and interaction

This commit is contained in:
mr. M
2024-12-06 13:24:09 +01:00
parent 13e431a6ac
commit e7ed402b64
2 changed files with 9 additions and 6 deletions

View File

@@ -4,10 +4,6 @@ height: var(--zen-toolbar-height);
& { & {
transition: height 0.2s ease-out, opacity 0.2s ease-out; transition: height 0.2s ease-out, opacity 0.2s ease-out;
transition-delay: 0.05s; transition-delay: 0.05s;
:root[inDOMFullscreen='true'] & {
max-height: 0;
}
} }
&:not([zen-has-hover='true']):not([has-popup-menu]):not(:focus-within) { &:not([zen-has-hover='true']):not([has-popup-menu]):not(:focus-within) {
@@ -20,3 +16,10 @@ height: var(--zen-toolbar-height);
} }
} }
} }
:root[inDOMFullscreen='true'] & {
max-height: 0;
min-height: unset !important;
opacity: 0;
pointer-events: none;
}

View File

@@ -155,8 +155,8 @@
} }
/* We enable this trick IF we follow any of theses conditions: /* We enable this trick IF we follow any of theses conditions:
* - We are on a Mac * - We are supposed to hide the window controls (e.g. left sidebar, windows like layouts)
* - We are on a Linux with reversed CSD * - This also involves linux's reverse GTK window controls, we'll need to handle that a bit differently
* - If we are not in any of the above, we can still enable it if the user has bookmarks toolbar enabled * - If we are not in any of the above, we can still enable it if the user has bookmarks toolbar enabled
*/ */
&:has(#PersonalToolbar[collapsed='false']) { &:has(#PersonalToolbar[collapsed='false']) {