In the toolbar most icons are 1.5em x 1.5em which is 24px x 24px in the default implementation. In cases where icons need more padding we have set them to 2em x 2em instead of adding 0.25em padding.
If icons were always 1.5em x 1.5em we could set background-size to contain and then users could change their base font size to scale the whole interface, including icon sizes. Currently setting background-size to contain makes some icons larger than others.
| Subject | Repo | Branch | Lines +/- | |
|---|---|---|---|---|
| Make icon and indicator container sizes consistent | oojs/ui | master | +217 -140 |
Change 181617 had a related patch set uploaded (by Esanders):
Make icon and indicator container sizes consistent
Change 181617 merged by jenkins-bot:
Make icon and indicator container sizes consistent
en.wiki:
.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
top: 0;
width: 2em;
height: 2em;
opacity: 0.8;
}
beta:
.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon {
top: 0;
left: 0.25em;
width: 1.5em;
height: 1.5em;
margin: 0.25em;
background-size: contain is the reason for T132415: Edge 12 & 13: `indicatorElement-indicator` and `iconElement-icon` cut off and not scaled properly in a VM. Haven't tested it yet on a native browser.