Thijs/wiki.techinc.nl
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge "Fix the mw-ui-icon-with-label-desktop class"

Browse source
This commit is contained in:
jenkins-bot 2021-09-13 23:01:40 +00:00 committed by Gerrit Code Review
commit 0c29b5c9b4
2 changed files with 23 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

21
resources/src/mediawiki.ui/components/buttons.less
View file

@ -28,11 +28,24 @@
.mw-ui-button-states();
&.mw-ui-icon-element {
// stylelint-disable-next-line declaration-no-important
color: transparent !important;
&:not( .mw-ui-icon-with-label-desktop ) {
// stylelint-disable-next-line declaration-no-important
color: transparent !important;
span {
.mixin-screen-reader-text();
span {
.mixin-screen-reader-text();
}
}
@media all and ( max-width: @width-breakpoint-desktop ) {
&.mw-ui-icon-with-label-desktop {
// stylelint-disable-next-line declaration-no-important
color: transparent !important;
}
span {
.mixin-screen-reader-text();
}
}
}

7
resources/src/mediawiki.ui/components/icons-2.less
View file

@ -207,10 +207,15 @@
@media all and ( min-width: @width-breakpoint-desktop ) {
.mw-ui-icon-with-label-desktop {
color: @icon-color;
// stylelint-disable-next-line declaration-no-important
color: @icon-color !important;
width: auto;
line-height: inherit;
flex-basis: auto;
// Special case outside of standard buttons styling due to surrounding
// interface elements, see T237019.
// stylelint-disable-next-line declaration-no-important
font-weight: 500 !important;
&:hover,
&:focus,