Fix user dropdown and mobile nav

This commit is contained in:
Sam Lu
2018-07-18 16:22:36 -05:00
parent 1342ed2601
commit 97c74f3267
6 changed files with 44 additions and 29 deletions

View File

@@ -2,7 +2,6 @@
background: #fff
height: auto
min-height: 48px
// height: 48px
+media-breakpoint-up(md)
height: 56px
.logo
@@ -10,22 +9,20 @@
justify-content: center
.navbar-toggler
padding: 0
border-radius: 0
.navbar-nav
margin-bottom: 15px;
margin-top: 15px;
margin-bottom: 15px
margin-top: 15px
+media-breakpoint-up(md)
margin: 0
.nav-item .nav-link
font-size: 18px
color: $dark
// padding: 16px 8px 16px 34px
padding: 3vh 8px 3vh 34px
+media-breakpoint-up(lg)
padding: 6px 18px
&:hover
color: $muted
.dropdown-toggle::after
display:none
.navbar-toggler
border: 0
outline: none
@@ -40,5 +37,17 @@
.collapsing
transition: none
display: none
.show
padding-bottom: 75vh
#navbarNav
.dropdown-toggle::after
display:none !important
&.show
padding-bottom: 75vh
.gravatar
width: 32px
border-radius: 50%
#userDropdown
.nav-link
padding-top: 4px;
padding-bottom: 0;
padding-right: 0;
outline: none;