javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 08:09:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(button): wrap text by default (#28682)

Browse Source 
Issue number: resolves #8700

BREAKING CHANGE: Button text now wraps by default.
This commit is contained in:
Shawn Taylor
2023-12-12 13:15:13 -05:00
committed by GitHub
parent c1465bd1b0
commit 666a01dd6e
35 changed files with 21 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
core/src/components/button/button.scss
View File

@ -56,8 +56,7 @@
text-align: center;
text-decoration: none;
// TODO(FW-4599): change to normal
white-space: nowrap;
white-space: normal;
user-select: none;
vertical-align: top; // the better option for most scenarios
@ -68,7 +67,7 @@
:host(.button-disabled) {
cursor: default;
opacity: .5;
opacity: 0.5;
pointer-events: none;
}
@ -229,11 +228,11 @@
}
::slotted(ion-icon[slot="start"]) {
@include margin(0, .3em, 0, -.3em);
@include margin(0, 0.3em, 0, -0.3em);
}
::slotted(ion-icon[slot="end"]) {
@include margin(0, -.2em, 0, .3em);
@include margin(0, -0.2em, 0, 0.3em);
}
::slotted(ion-icon[slot="icon-only"]) {