mediawiki-skins-MinervaNeue/skinStyles/mediawiki.ui.icon.less
Jon Robson 5be882421d Disable new flushing rules on mobile
Don't have capacity to deal with this yet.

Follow up to  I9aba71ac4fff0d285676946acef8309b741ed1ad

Bug: T321504
Change-Id: I85ece1fa28d2c1c5967995ef7622684d73d3c23f
2022-11-02 12:28:49 -07:00

38 lines
793 B
Plaintext

@import '../minerva.less/minerva.variables.less';
// Temporarily revert back from 44x44 (0.6875em) to 46x46 (0.75em)
.mw-ui-icon-element.mw-ui-button {
padding: 0.75em; // 46x46
}
// Disable desktop touch area special handling.
@media ( min-width: @width-breakpoint-desktop ) {
.mw-ui-icon-element.mw-ui-button {
padding: 0.75em;
}
}
// Revert back to old spacing between text and icon.
.mw-ui-icon + span:not( :empty ) {
margin-left: 8px;
}
.mw-ui-icon-with-label-desktop:before {
margin-right: 8px;
}
// Revert back to old flush left rule.
.mw-ui-icon-small.mw-ui-icon-flush-left {
margin-left: -0.5625em;
}
@media all and ( min-width: @width-breakpoint-desktop ) {
.mw-ui-icon-flush-left {
margin-left: -0.75em;
}
.mw-ui-icon-flush-right {
margin-right: -0.75em;
}
}