Update transition properties and reposition navbar elements in compact mode styles for improved layout

This commit is contained in:
mr. M
2024-11-28 02:10:40 +01:00
parent fb2241339d
commit 26ccdf21f9

View File

@@ -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);
}
}
}