Fix drawer overflow in mobile

This commit is contained in:
alistair3149 2020-07-03 21:59:59 -04:00
parent 7526082052
commit ea4180af3a
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C

View file

@ -73,10 +73,9 @@
position: fixed; position: fixed;
z-index: 4; z-index: 4;
top: 0; top: 0;
padding-top: @header-height;
width: @drawer-width; width: @drawer-width;
max-width: 100vw; // in case if someone has super small screen max-width: 100vw; // in case if someone has super small screen
height: ~'calc(100vh - @{header-height})'; height: 100%;
.boxshadow(3); .boxshadow(3);
border-radius: 0 @border-radius-large @border-radius-large 0; border-radius: 0 @border-radius-large @border-radius-large 0;
background: @menu-background; background: @menu-background;
@ -88,7 +87,7 @@
will-change: transform; // help with performance will-change: transform; // help with performance
&-logo { &-logo {
padding: 0 @margin-side @margin-side / 2 @margin-side; padding: @header-height @margin-side @margin-side / 2 @margin-side;
border-bottom: 1px solid @base-80; border-bottom: 1px solid @base-80;
display: flex; display: flex;
flex-direction: column; flex-direction: column;