Navigation: Unified cloud navigation

* Removed main drop down menu
* Added "My cloud" to user menu
* Attract/Flamenco is found under Production Tools menu
* Attract/Flamenco has the same navigation as its project
This commit is contained in:
2019-02-06 10:31:36 +01:00
parent 1101b8e716
commit a5bae513e1
8 changed files with 61 additions and 46 deletions

View File

@@ -306,3 +306,35 @@ body.has-overlay
visibility: hidden
display: none !important
.navbar
.pi-blender-cloud-logo
/* Ugly hack to make the logo line up with the other links */
width: 5.5em
font-size: 1.6em
margin-top: calc((-1.6em + 1em) / 2) // use same vertical space as font-size 1em
margin-bottom: calc((-1.6em + 1em) / 2) //
.navbar-toggler
border: none
// Mobile layout
@include media-breakpoint-down(sm)
.navbar
.navbar-collapse
position: absolute
background-color: $body-bg
top: 100%
flex-direction: column
align-items: start
transition: unset
box-shadow: 1px 1px 0 rgba(black, .1), 0 5px 50px rgba(black, .25)
.dropdown-menu
top: 0
left: 100%
.project
.navbar
.navbar-collapse
.nav-link
color: $color-text !important

View File

@@ -23,15 +23,18 @@
#qs-toggle
opacity: 1
visibility: visible
display: block
.quick-search
opacity: 0
transition: opacity $short-transition
visibility: hidden
display: none
.quick-search.show
opacity: 1
visibility: visible
&.show
opacity: 1
visibility: visible
display: block
.qs-input
&.show input