Merge pull request #993 from ansible/jlmitch5-patch-1

update css so that scroll bar doesn't take padding from main content area
This commit is contained in:
jlmitch5
2018-01-16 14:28:14 -05:00
committed by GitHub

View File

@@ -2,13 +2,14 @@
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
display: flex; display: flex;
overflow: hidden;
&-topNav { &-topNav {
display: flex; display: flex;
background-color: @at-color-top-nav-background; background-color: @at-color-top-nav-background;
border-bottom: @at-border-default-width solid @at-color-top-nav-border-bottom; border-bottom: @at-border-default-width solid @at-color-top-nav-border-bottom;
z-index: @at-z-index-nav; z-index: @at-z-index-nav;
position: fixed; position: relative;
right: 0; right: 0;
left: 0; left: 0;
top: 0; top: 0;
@@ -136,10 +137,6 @@
align-items: center; align-items: center;
padding-right: @at-padding-between-side-nav-icon-text; padding-right: @at-padding-between-side-nav-icon-text;
} }
+ .at-Layout-main {
padding-left: @at-width-expanded-side-nav;
}
} }
} }
@@ -148,7 +145,6 @@
height: 100%; height: 100%;
width: 100%; width: 100%;
flex-direction: column; flex-direction: column;
padding-left: @at-width-collapsed-side-nav;
overflow-x: hidden; overflow-x: hidden;
} }