mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-09-05 19:08:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Reworked on compact mode

Browse Source
This commit is contained in:
Mauro Balades
2024-08-04 11:53:47 +02:00
parent 29411d02d5
commit 3cd21f5516
1 changed files with 15 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/browser/themes/shared/zen-browser-shared.css
View File

@@ -536,22 +536,23 @@ panelmultiview {
#navigator-toolbox[inFullscreen]{ margin-top: 0 !important; }
#navigator-toolbox {
--zen-compact-toolbox-margin: 15px;
position: absolute !important;
display: block;
transition: 50ms ease-in !important;
right: calc(100% - 25px) !important;
transform: translateX(calc(-100% + var(--zen-compact-toolbox-margin) + 2px)) !important;
opacity: 0;
line-height: 0;
z-index: 1;
pointer-events: none;
height: 100%;
padding: 0 !important;
margin: 0 !important;
margin: 0;
padding: var(--zen-compact-toolbox-margin) !important;
& #titlebar {
border-right: 1px solid var(--zen-colors-border);
background: var(--zen-main-browser-background) !important;
border: 1px solid var(--zen-colors-border);
background: var(--zen-colors-tertiary) !important;
padding: 0 5px;
border-radius: 8px;
}
}
@@ -560,7 +561,7 @@ panelmultiview {
#mainPopupSet:has(> #appMenu-popup:hover) ~ toolbox,
#navigator-toolbox:has(*[open="true"]:not(tab):not(#zen-sidepanel-button)) {
transition-delay: 33ms !important;
left: 0 !important;
transform: none !important;
opacity: 1;
}
@@ -594,23 +595,25 @@ panelmultiview {
@media (-moz-bool-pref: "zen.view.compact.hide-toolbar") {
#zen-appcontent-navbar-container {
height: 10px;
transition: .2s ease-in-out;
transform: translateY(calc(-100% + 5px));
opacity: 0;
position: absolute;
width: 100%;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border-bottom: 1px solid var(--zen-colors-border);
top: 0;
background: var(--zen-main-browser-background);
background: var(--zen-colors-tertiary);
z-index: 1;
overflow: hidden;
transition: .2s ease-in-out;
}
}
#zen-appcontent-navbar-container:hover,
#zen-appcontent-navbar-container:focus-within,
#mainPopupSet:has(> #appMenu-popup:hover) ~ #zen-appcontent-navbar-container,
#zen-appcontent-navbar-container:has(*[open="true"]) {
height: fit-content;
transform: translateY(0);
opacity: 1;
}