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

Limit button only icon resizing to Vector header button icons

Browse source 
Bug: T342190
Change-Id: I5ccc1e83b28a6ffa63d351900eba02343fc48659
This commit is contained in:
Jon Robson 2023-07-24 10:35:25 -07:00 committed by bwang
parent f2f44f8e33
commit 46dece0b56
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.