mirror of
https://github.com/FH-Complete/FHC-Core.git
synced 2026-07-24 02:12:17 +00:00
puts nav-toggle and nav-menu-items in a sticky container
This commit is contained in:
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user