MediaWiki:Mobile.css: Difference between revisions
Appearance
Mobile styling: ApprovedRevs yellow notice + force TOC expanded |
Force mobile sections always expanded (no tap-to-open), hide collapse arrows |
||
| Line 20: | Line 20: | ||
.toc .toctitle + ul, #toc ul { display: block !important; } | .toc .toctitle + ul, #toc ul { display: block !important; } | ||
.toggle-list__list { display: block !important; } | .toggle-list__list { display: block !important; } | ||
/* --- Sections always expanded on mobile (no tap-to-open) --- | |||
MobileFrontend (Minerva) wraps each section in a collapsible block and | |||
collapses it by default. WikiDeal wants every paragraph readable without | |||
tapping, like a fully expanded desktop article. Force all blocks open. */ | |||
.collapsible-block, | |||
.collapsible-block-js, | |||
section.mf-section-1, | |||
section.mf-section-2, | |||
section.mf-section-3 { | |||
display: block !important; | |||
height: auto !important; | |||
max-height: none !important; | |||
overflow: visible !important; | |||
visibility: visible !important; | |||
} | |||
/* Hide the open/close arrow indicator so headings look like plain titles. */ | |||
.collapsible-heading .indicator, | |||
.section-heading .indicator, | |||
.mw-ui-icon-mf-expand, | |||
.mw-ui-icon-mf-collapse { display: none !important; } | |||
Revision as of 06:17, 30 June 2026
/* WikiDeal Mobile.css — loaded by MobileFrontend (Minerva skin) */
/* Approved Revs notice: visible yellow box on mobile too */
body.approvedRevs-noapprovedrev #mw-content-subtitle,
body.approvedRevs-noapprovedrev .pre-content #mw-content-subtitle {
background: #fef9c3;
border: 1px solid #d4a800;
border-left: 5px solid #f0c000;
border-radius: 4px;
padding: 10px 14px;
margin: 10px 0 16px 0;
font-size: 0.95rem;
font-weight: 600;
color: #4a3a00;
}
body.approvedRevs-noapprovedrev #mw-content-subtitle::before { content: "⚠️ "; }
/* Force the table of contents open (Minerva collapses it behind the title) */
.toc, #toc { display: block !important; }
.toc .toctitle + ul, #toc ul { display: block !important; }
.toggle-list__list { display: block !important; }
/* --- Sections always expanded on mobile (no tap-to-open) ---
MobileFrontend (Minerva) wraps each section in a collapsible block and
collapses it by default. WikiDeal wants every paragraph readable without
tapping, like a fully expanded desktop article. Force all blocks open. */
.collapsible-block,
.collapsible-block-js,
section.mf-section-1,
section.mf-section-2,
section.mf-section-3 {
display: block !important;
height: auto !important;
max-height: none !important;
overflow: visible !important;
visibility: visible !important;
}
/* Hide the open/close arrow indicator so headings look like plain titles. */
.collapsible-heading .indicator,
.section-heading .indicator,
.mw-ui-icon-mf-expand,
.mw-ui-icon-mf-collapse { display: none !important; }