mirror of
https://github.com/StarCitizenTools/mediawiki-skins-Citizen.git
synced 2024-11-14 10:04:56 +00:00
feat: show article stats in menu on mobile viewport
This commit is contained in:
parent
b72ea763a3
commit
9ff44d807b
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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 );
|
||||
|
|
Loading…
Reference in a new issue