mirror of
https://github.com/zen-browser/desktop.git
synced 2025-09-05 19:08:18 +00:00
Update transition properties and reposition navbar elements in compact mode styles for improved layout
This commit is contained in:
@@ -24,7 +24,7 @@
|
||||
--zen-compact-float: calc(var(--zen-element-separation) - 1px);
|
||||
position: absolute;
|
||||
z-index: 10;
|
||||
transition: top 0.2s ease-in-out, opacity 0.2s ease-in-out;
|
||||
transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
|
||||
right: calc(100% - var(--zen-element-separation));
|
||||
top: 0;
|
||||
bottom: var(--zen-element-separation);
|
||||
@@ -121,7 +121,7 @@
|
||||
& #zen-appcontent-navbar-container {
|
||||
--zen-compact-toolbar-offset: 5px;
|
||||
position: absolute;
|
||||
top: calc(-100% + var(--zen-element-separation) + 1px);
|
||||
bottom: calc(100% - var(--zen-element-separation) + 1px);
|
||||
left: 0;
|
||||
z-index: 10;
|
||||
box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3) !important;
|
||||
@@ -158,7 +158,7 @@
|
||||
opacity: 1;
|
||||
border-top-width: 1px;
|
||||
|
||||
top: -1px;
|
||||
bottom: calc(100% - 1px);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
Reference in New Issue
Block a user