Blender Cloud: Fix responsive issues on navigation.
This commit is contained in:
parent
2e41b7a4dd
commit
5d9bae1f0f
@ -85,6 +85,10 @@
|
|||||||
width: 30px
|
width: 30px
|
||||||
|
|
||||||
&.subscription-status
|
&.subscription-status
|
||||||
|
+media-xs
|
||||||
|
padding-left: $spacer
|
||||||
|
padding-right: $spacer
|
||||||
|
|
||||||
a, a:hover
|
a, a:hover
|
||||||
color: $white
|
color: $white
|
||||||
|
|
||||||
@ -136,6 +140,9 @@ $nav-secondary-bar-size: -2px
|
|||||||
.nav-secondary
|
.nav-secondary
|
||||||
align-items: center
|
align-items: center
|
||||||
|
|
||||||
|
+media-xs
|
||||||
|
margin-right: $spacer
|
||||||
|
|
||||||
.nav-link
|
.nav-link
|
||||||
color: $color-text
|
color: $color-text
|
||||||
cursor: pointer
|
cursor: pointer
|
||||||
@ -318,6 +325,13 @@ body.has-overlay
|
|||||||
.navbar-toggler
|
.navbar-toggler
|
||||||
border: none
|
border: none
|
||||||
|
|
||||||
|
.navbar
|
||||||
|
.navbar-collapse
|
||||||
|
display: none
|
||||||
|
|
||||||
|
&.show
|
||||||
|
display: initial
|
||||||
|
|
||||||
// Mobile layout
|
// Mobile layout
|
||||||
@include media-breakpoint-down(sm)
|
@include media-breakpoint-down(sm)
|
||||||
.navbar
|
.navbar
|
||||||
|
Loading…
x
Reference in New Issue
Block a user