mirror of
https://github.com/zen-browser/desktop.git
synced 2025-10-04 17:06:35 +00:00
fix: adjust fullscreen behavior for vertical tabs to improve visibility and interaction
This commit is contained in:
@@ -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;
|
||||||
|
}
|
||||||
|
@@ -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']) {
|
||||||
|
Reference in New Issue
Block a user