puts nav-toggle and nav-menu-items in a sticky container

This commit is contained in:
SimonGschnell
2024-08-13 15:27:51 +02:00
parent 36bd1795ed
commit 3a466e8e0f
2 changed files with 27 additions and 30 deletions
+4 -9
View File
@@ -36,7 +36,6 @@ html {
:root {
--fhc-cis-menu-width: 250px;
--fhc-cis-header-height: 60px;
--fhc-cis-toggle-height: 30px;
--fhc-cis-menu-bg: #72777A;
}
}
@@ -44,7 +43,6 @@ html {
:root {
--fhc-cis-menu-width: 400px;
--fhc-cis-header-height: 40px;
--fhc-cis-toggle-height: 0px;
--fhc-cis-menu-bg: #343a40;
}
}
@@ -234,10 +232,11 @@ html {
width: 100%;
height: 100%;
}
#nav-main-sticky {
position: sticky;
top: var(--fhc-cis-header-height);
}
#nav-main-toggle {
position: sticky;
top: var(--fhc-cis-header-height);
height: var(--fhc-cis-toggle-height);
width: 0;
z-index: 1;
}
@@ -252,10 +251,6 @@ html {
transform: scaleX(-1);
color: var(--bs-dark);
}
#nav-main .offcanvas-body{
position: sticky;
top: calc(var(--fhc-cis-header-height) + var(--fhc-cis-toggle-height));
}
#nav-search {
position: fixed;
top: 0;