wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-24 07:43:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "Limit button only icon resizing to Vector header button icons"

Browse source
This commit is contained in:
jenkins-bot 2023-07-24 21:28:05 +00:00 committed by Gerrit Code Review
parent d3748704ca 46dece0b56
commit 80b58924dd
2 changed files with 6 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
resources/skins.vector.styles/components/Button.less
View file

@ -13,7 +13,12 @@
justify-content: center;
}
.cdx-button.cdx-button--icon-only {
// These rules are scoped to Vector headers due to T342190 as otherwise where buttons are used alongside
// input elements the display can look "off".
// Any other instances outside headers should be targeted directly by a rule on the element itself.
#p-lang-btn-label.cdx-button--icon-only,
#vector-page-titlebar-toc-label,
.vector-header .cdx-button.cdx-button--icon-only {
// Increase padding on small viewports
// FIXME: Replace with Codex solution i.e. `.cdx-button--size-large`
@media ( max-width: @max-width-tablet ) {

7
resources/skins.vector.styles/components/PageToolbar.less
View file

@ -27,13 +27,6 @@
.cdx-mixin-css-icon-size( @size-icon-small );
.cdx-mixin-css-icon-alignment( );
}
// Prevent icon buttons in the page toolbar from automatically increasing padding on small viewports
.cdx-button--icon-only {
// !important needed to override 'responsive' button styles on smaller viewports defined in Button.less
min-width: @min-size-interactive-pointer !important; /* stylelint-disable-line declaration-no-important */
min-height: @min-size-interactive-pointer !important; /* stylelint-disable-line declaration-no-important */
}
}
// ID Selectors outside of .vector-page-toolbar-container to avoid over-specificity.