mirror of
https://github.com/empayre/fleet.git
synced 2024-11-07 01:15:22 +00:00
05b8e432e5
The goal of this PR is to update the main navigation's layout and styles in accordance with the mockups created by @edamamedesign. The orgLogoUrl still needs to be tweaked so uploaded photos display nicely. For now, only the `username` is displayed at the top of the navigation and not the `orgName`.
45 lines
760 B
SCSS
45 lines
760 B
SCSS
.app-wrap {
|
|
display: flex;
|
|
min-height: 100vh;
|
|
}
|
|
|
|
.core-wrapper {
|
|
flex-grow: 1;
|
|
margin: 0;
|
|
padding: 0 0 0 $pad-base;
|
|
max-width: calc(100% - 217px);
|
|
position: relative;
|
|
|
|
&--small {
|
|
max-width: calc(100% - 73px);
|
|
}
|
|
|
|
@include breakpoint(smalldesk) {
|
|
max-width: calc(100% - 73px);
|
|
}
|
|
}
|
|
|
|
.site-nav {
|
|
background: $core-gradient;
|
|
box-sizing: border-box;
|
|
width: $nav-width;
|
|
display: flex;
|
|
flex-direction: column;
|
|
position: -webkit-sticky;
|
|
position: sticky; // sass-lint:disable-line no-duplicate-properties
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 100;
|
|
max-height: 100vh;
|
|
|
|
&--small {
|
|
padding-left: 0;
|
|
width: $nav-tablet-width;
|
|
}
|
|
|
|
@include breakpoint(smalldesk) {
|
|
padding-left: 0;
|
|
width: $nav-tablet-width;
|
|
}
|
|
}
|