MediaWiki:Common.css: Difference between revisions

Codex (talk | contribs)
Use native MediaWiki collapsible toggles inline
Fix mobile collapse controls overlapping Minerva search
 
(6 intermediate revisions by one other user not shown)
Line 17: Line 17:
#ca-viewsource { display: none !important; }
#ca-viewsource { display: none !important; }
#footer-places-disclaimer { display: none; }
#footer-places-disclaimer { display: none; }
36c;
  cursor: pointer;
  font: inherit;
  padding: 0;
}
.muhro-early-toggle:hover,
.muhro-early-toggle:focus {
  text-decoration: underline;
}
#36c;
  cursor: pointer;
  font: inherit;
  padding: 0;
}
.muhro-early-toggle:hover,
.muhro-early-toggle:focus {
  text-decoration: underline;
}


.muhro-floating-tools {
.muhro-floating-tools {
Line 194: Line 174:
@media (max-width: 720px) {
@media (max-width: 720px) {
   .muhro-floating-tools {
   .muhro-floating-tools {
     top: 0.5rem;
    /* Keep the controls below Minerva's 54px mobile header. */
     top: calc(3.375rem + 0.5rem);
     right: 0.5rem;
     right: 0.5rem;
     max-width: calc(100vw - 1rem);
     max-width: calc(100vw - 1rem);
  }
  /* Do not cover Minerva overlays such as the mobile search interface. */
  html.overlay-enabled .muhro-floating-tools {
    display: none;
   }
   }


Line 213: Line 199:
   }
   }
}
}
/* Keep caption-based collapsible section tables readable while collapsed. */
/* Keep MediaWiki caption collapsible toggles below section headings. */
.mw-parser-output table.muhro-caption-collapsible {
  min-width: min(100%, 32rem);
}
 
.mw-parser-output table.muhro-caption-collapsible > caption {
  box-sizing: border-box;
  min-width: 100%;
}
 
.mw-parser-output table.muhro-caption-collapsible > caption .muhro-early-toggle {
  display: inline-block;
  float: none;
  margin-left: 0.55rem;
  vertical-align: baseline;
  white-space: nowrap;
  font-size: 0.75em;
  font-weight: 600;
  line-height: 1;
}
/* Keep MediaWiki caption collapsible toggles inline with section headings. */
.mw-parser-output table.mw-collapsible > caption > h1,
.mw-parser-output table.mw-collapsible > caption > h2,
.mw-parser-output table.mw-collapsible > caption > h3,
.mw-parser-output table.mw-collapsible > caption > h4,
.mw-parser-output table.mw-collapsible > caption > h5,
.mw-parser-output table.mw-collapsible > caption > h6 {
  display: inline;
}
 
.mw-parser-output table.mw-collapsible > caption > .mw-collapsible-toggle {
.mw-parser-output table.mw-collapsible > caption > .mw-collapsible-toggle {
   display: inline-block;
   display: block;
   float: none;
   float: none;
   margin-left: 0.55rem;
   width: max-content;
   vertical-align: baseline;
   margin: 0.15rem 0 0;
   white-space: nowrap;
   white-space: nowrap;
   font-size: 0.85em;
   font-size: 0.85em;
   font-weight: 600;
   font-weight: 600;
   line-height: 1;
   line-height: 1.2;
}
}


.mw-parser-output table.mw-collapsible.mw-collapsed > caption {
.mw-parser-output table.mw-collapsible.mw-collapsed:has(> caption) {
  width: 100%;
   min-width: min(100%, 32rem);
   min-width: min(100%, 32rem);
}
}