Template:Infobox hero/styles.css: Difference between revisions

Vergir (talk | contribs)
Add stat cell modifier classes, replacing inline styles in the hero infobox (with help from vergir-bot LLM)
Vergir (talk | contribs)
Make the collapsible toggle brackets follow the dropdown header's link color instead of the theme text color (with help from vergir-bot LLM)
 
(3 intermediate revisions by 2 users not shown)
Line 316: Line 316:
vertical-align: top;
vertical-align: top;
}
}
.infobox-h-subsection tr > td:first-child span{
.infobox-h-subsection tr > td:first-child .infobox-h-stat-label{
color: var(--th-heroinfobox-stats-text);
color: var(--th-heroinfobox-stats-text);
text-decoration: underline;
text-decoration: underline;
Line 372: Line 372:
.infobox-h-dropdown-header button .mw-collapsible-text:hover{
.infobox-h-dropdown-header button .mw-collapsible-text:hover{
color: white;
color: white;
}
.infobox-h-dropdown-header > button::before,
.infobox-h-dropdown-header > button::after{
color: inherit;
}
}


Line 446: Line 451:


/* ------------ Stat Cell Modifiers -------------------*/
/* ------------ Stat Cell Modifiers -------------------*/
/* Applied by [[Module:InfoboxHero]] in place of inline styles.
  Both selectors must out-specify
  '.infobox-h-dropdown .infobox-h-subsection-child tr:first-child > td',
  which would otherwise win. */


/* Headroom for a section's first row when it carries a scaling icon. */
/* Headroom for a section's first row when it carries a scaling icon. */
.infobox-h-dropdown .infobox-h-subsection-child tr > td.infobox-h-stat-label-scaled{
.infobox-h .infobox-h-dropdown .infobox-h-subsection-child tr > td.infobox-h-stat-label-scaled{
padding-top: 8px;
padding-top: 8px;
}
}


/* Breathing room for value cells whose scaling icon sits near the edge. */
/* Breathing room for value cells whose scaling icon sits near the edge. */
.infobox-h-dropdown .infobox-h-subsection-child tr > td.infobox-h-stat-value-padded{
.infobox-h .infobox-h-dropdown .infobox-h-subsection-child tr > td.infobox-h-stat-value-padded{
padding-right: 5px;
padding-right: 5px;
}
}