MediaWiki:Mobile.css: Difference between revisions

Created page with "Show logo in mobile header: .minerva-header .mw-logo-icon { display: block !important; width: 2rem !important; height: 2rem !important; object-fit: contain; } Logo in mobile sidebar: .navigation-drawer .mw-logo-icon { display: block !important; width: 3rem !important; height: 3rem !important; object-fit: contain; } Hide text in mobile too: .mw-wiki-title, .minerva-wordmark { display: none !important; }"
 
No edit summary
Tags: Mobile edit Mobile web edit
Line 1: Line 1:
/* Show logo in mobile header */
/* Hide the text site name */
.minerva-header .mw-logo-icon {
.branding-box a span {
     display: block !important;
     display: none !important;
    width: 2rem !important;
    height: 2rem !important;
    object-fit: contain;
}
}


/* Logo in mobile sidebar */
/* Inject logo as pseudo-element */
.navigation-drawer .mw-logo-icon {
.branding-box a::before {
     display: block !important;
    content: url('/images/niewulis-wiki-logo.svg');
     width: 3rem !important;
     display: block;
     height: 3rem !important;
     width: 2rem;
    object-fit: contain;
     height: 2rem;
}
}


/* Hide text in mobile too */
/* Sidebar logo above nav links */
.mw-wiki-title,
.menu #p-navigation::before {
.minerva-wordmark {
    content: url('/images/niewulis-wiki-logo.svg');
     display: none !important;
     display: block;
    width: 4rem;
    height: 4rem;
    margin: 1rem auto;
}
}