Jump to content
Gov  ·  Market  ·  Community  ·  Policies  ·  Funding  ·  Open Call  ·  Get started

MediaWiki:Common.css: Difference between revisions

Force mobile sections + TOC always expanded (Common.css is the loaded file; Mobile.css is not loaded by this wiki)
Mobile model: keep lead summary + full TOC visible at top; allow tap-to-expand sections (Wikipedia-like), per Theo 2026-06-30
 
Line 45: Line 45:
.client-js .toctogglecheckbox:not(:checked) ~ ul { display: block !important; }
.client-js .toctogglecheckbox:not(:checked) ~ ul { display: block !important; }


/* --- Mobile sections always expanded (no tap-to-open) ---
/* --- Mobile TOC visible at the top ---
   MobileFrontend (Minerva) wraps each section in a collapsible block and clips
   Model (validated 2026-06-30): like Wikipedia mobile, the lead summary boxes
  it with content-visibility:hidden until tapped. WikiDeal wants every paragraph
   (KidsIntro + ExpertIntro) and the full TOC stay visible at the top. Tapping a
  readable on first load, like a fully open desktop article. Force them open.
  section heading to expand its paragraphs is acceptable. So we only ensure the
   Loaded via site.styles (this wiki does not load MediaWiki:Mobile.css). */
  TOC sublist is shown; we do NOT force every section open. */
.collapsible-block,
.toc .toctogglecheckbox ~ ul,
.collapsible-block-js,
.client-js .toc .toctogglecheckbox ~ ul { visibility: visible !important; height: auto !important; }
section.mf-section-1,
section.mf-section-2,
section.mf-section-3,
section.mf-section-4 {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
    content-visibility: visible !important;
}
/* Unhide the TOC sublist that Minerva collapses behind its checkbox. */
.client-js .toc .toctogglecheckbox ~ ul,
.toc .toctogglecheckbox ~ ul { visibility: visible !important; height: auto !important; }
/* Hide the open/close arrow so headings read as plain titles. */
.collapsible-heading .indicator,
.section-heading .indicator { display: none !important; }