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

MediaWiki:Mobile.css: Difference between revisions

From WikiDeal
Mobile styling: ApprovedRevs yellow notice + force TOC expanded
 
Fix mobile collapse: add content-visibility:visible (Minerva clips with content-visibility:hidden)
 
(One intermediate revision by the same user not shown)
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;
    /* Minerva clips collapsed sections with content-visibility:hidden. */
    content-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; }

Latest revision as of 06:19, 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;
    /* Minerva clips collapsed sections with content-visibility:hidden. */
    content-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; }