Skip to content

Commit

Permalink
fix(navbar): fixed mobile navbar dropdown position
Browse files Browse the repository at this point in the history
  • Loading branch information
papasikis committed Aug 14, 2017
1 parent 44545c6 commit 45147b0
Showing 1 changed file with 13 additions and 7 deletions.
20 changes: 13 additions & 7 deletions src/components/layout/navbar/Navbar.vue
Original file line number Diff line number Diff line change
Expand Up @@ -163,9 +163,11 @@
}
&.show {
.dropdown-menu {
left: auto;
right: 0;
@include media-breakpoint-up(lg) {
.dropdown-menu {
left: auto;
right: 0;
}
}
&:after {
position: absolute;
Expand Down Expand Up @@ -249,14 +251,18 @@
.dropdown.navbar-dropdown {
&.show {
display: flex;
&:after {
bottom: -$dropdown-mobile-show-b;
z-index: 2;
}
}
.dropdown-menu {
margin-top: $dropdown-mobile-show-b;
.dropdown-menu {
margin-top: $dropdown-mobile-show-b;
left: auto;
&.last {
right: 0;
}
}
}
}
}
Expand Down

0 comments on commit 45147b0

Please sign in to comment.