mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-13 17:49:25 +00:00
Fix drawer overflow in mobile
This commit is contained in:
parent
7526082052
commit
ea4180af3a
|
@ -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;
|
||||||
|
|
Loading…
Reference in a new issue