StarCitizenTools/mediawiki-skins-Citizen
1
0
Fork 0
mirror of https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git synced 2024-11-14 18:15:49 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: show article stats in menu on mobile viewport

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
resources/skins.citizen.styles.sitestats/skins.citizen.styles.sitestats.less
View file

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

6
resources/skins.citizen.styles/Drawer.less
View file

@ -104,9 +104,12 @@
&-header { &-header {
display: flex; display: flex;
width: 100%;
box-sizing: border-box;
flex-direction: column; flex-direction: column;
align-items: center; 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 { &-logo {
@ -144,7 +147,6 @@
display: grid; display: grid;
max-width: ~'calc( 100vw - var( --padding-page ) * 4 )'; 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 )'; 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; font-size: @ui-menu-text;
gap: ~'calc( var(--padding-page) / 4 )'; gap: ~'calc( var(--padding-page) / 4 )';
grid-template-columns: repeat( auto-fit, 240px ); grid-template-columns: repeat( auto-fit, 240px );