feat: show article stats in menu on mobile viewport

This commit is contained in:
alistair3149 2021-07-30 14:05:25 -04:00
parent b72ea763a3
commit 9ff44d807b
No known key found for this signature in database
GPG key ID: 94D081060FD3DD9C
2 changed files with 9 additions and 7 deletions

View file

@ -1,8 +1,8 @@
@import '../variables.less';
#mw-drawer-sitestats {
display: none;
margin-top: 10px;
display: flex;
margin-top: 0.4rem;
font-size: @ui-menu-text;
}
@ -25,8 +25,8 @@
}
}
@media only screen and ( min-width: @width-breakpoint-tablet ) {
#mw-drawer-sitestats {
display: flex;
@media only screen and ( max-width: @width-breakpoint-tablet ) {
.sitestats-item:not( #sitestats-articles ) {
display: none;
}
}

View file

@ -104,9 +104,12 @@
&-header {
display: flex;
width: 100%;
box-sizing: border-box;
flex-direction: column;
align-items: center;
padding: ~'calc( var( --padding-page ) + 10px )' var( --padding-page ) 20px var( --padding-page );
padding: ~'calc( var( --padding-page ) + 10px )' var( --padding-page ) 15px var( --padding-page );
border-bottom: 1px solid var( --border-color-base );
}
&-logo {
@ -144,7 +147,6 @@
display: grid;
max-width: ~'calc( 100vw - var( --padding-page ) * 4 )';
padding: ~'calc( var(--padding-page) / 2 ) calc( var(--padding-page) / 2 ) var( --padding-page ) calc( var(--padding-page) / 2 )';
border-top: 1px solid var( --border-color-base );
font-size: @ui-menu-text;
gap: ~'calc( var(--padding-page) / 4 )';
grid-template-columns: repeat( auto-fit, 240px );