MediaWiki:Mobile.css: Difference between revisions
mNo edit summary |
mNo edit summary Tag: Manual revert |
||
| (6 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
/* Cleaned MediaWiki:Mobile.css | |||
Minimal mobile-specific styles only | |||
*/ | |||
/* Base page adjustments for mobile */ | |||
@media (max-width: 800px) { | @media (max-width: 800px) { | ||
/* Hide desktop sidebars on narrow viewports */ | |||
#mw-panel, .mw-sidebar, .vectorSidebar { | #mw-panel, .mw-sidebar, .vectorSidebar { | ||
display: none !important; | display: none !important; | ||
} | } | ||
/* Ensure content uses full width on mobile */ | |||
#content, #mw-content-text { | #content, #mw-content-text { | ||
margin-left: 0 !important; | margin-left: 0 !important; | ||
| Line 19: | Line 16: | ||
} | } | ||
} | } | ||
/* Tame the Minerva logo/title and make the clickable area comfortable */ | /* Tame the Minerva logo/title and make the clickable area comfortable */ | ||
@media (max-width: 800px) { | @media (max-width: 800px) { | ||
| Line 41: | Line 39: | ||
padding: 4px 6px; | padding: 4px 6px; | ||
text-decoration: none; | text-decoration: none; | ||
} | |||
} | |||
/* Small accessibility and touch targets */ | |||
@media (max-width: 800px) { | |||
.minerva-header a, .minerva-header .minerva-logo-link { | |||
-webkit-tap-highlight-color: rgba(0,0,0,0.08); | |||
touch-action: manipulation; | |||
} | |||
} | |||
/* Light visual reset to avoid heavy defaults bleeding into mobile */ | |||
@media (max-width: 800px) { | |||
/* Keep headings readable without forcing color schemes */ | |||
.minerva-header h1, .minerva-header h2 { | |||
margin: 0; | |||
font-weight: 600; | |||
} | } | ||
} | } | ||