pk/atst
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #1053 from dod-ccpo/fix-sidebar

Browse Source 
Stickybits!
This commit is contained in:
leigh-mil
2019-08-30 18:15:57 -04:00
committed by GitHub
parent c5284fd8f9 4ba1c4d869
commit 104a1d189c
12 changed files with 88 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
styles/elements/_sidenav.scss
View File

@@ -4,20 +4,28 @@
}
.sidenav-container {
position: relative;
box-shadow: $box-shadow;
overflow: hidden;
position: relative;
top: $topbar-height + $usa-banner-height;
width: $sidenav-expanded-width;
.global-navigation.sidenav {
height: 100%;
&--minimized {
@extend .sidenav-container;
width: $sidenav-collapsed-width;
}
&__fixed {
position: fixed;
}
.sidenav {
width: $sidenav-expanded-width;
@include media($large-screen) {
margin: 0px;
}
width: 25rem;
&__title {
@include sidenav__header;
@@ -43,7 +51,16 @@
ul {
&.sidenav__list--padded {
margin: (4 * $gap) 0;
margin-top: 4 * $gap;
margin-bottom: $footer-height;
padding-bottom: $gap;
position: fixed;
overflow-y: scroll;
top: $topbar-height + $usa-banner-height + 4rem;
bottom: 0;
left: 0;
width: $sidenav-expanded-width;
background-color: $color-white;
}
list-style: none;
@@ -182,7 +199,7 @@
&--minimized {
@extend .sidenav;
width: 10rem;
width: $sidenav-collapsed-width;
margin: 0px;
}
}