fix(button): correct sizes for icon-only buttons
MODIFY
packages/components/src/components/button/_button.scss
packages/components/src/components/button/_button.scss
@include tooltip--placement('icon', 'bottom', 'center');
}
- .#{$prefix}--btn--icon-only,
- .#{$prefix}--btn--sm.#{$prefix}--btn--icon-only,
- .#{$prefix}--btn--field.#{$prefix}--btn--icon-only {
+ .#{$prefix}--btn--icon-only {
+ padding-left: rem(13px);
padding-right: rem(13px);
+ &.#{$prefix}--btn--tertiary {
+ padding-left: rem(15px);
+ padding-right: rem(15px);
+ }
+
.#{$prefix}--btn__icon {
position: static;
}
}
}
+ .#{$prefix}--btn--field.#{$prefix}--btn--icon-only {
+ padding-left: rem(9px);
+ padding-right: rem(9px);
+
+ &.#{$prefix}--btn--tertiary {
+ padding-left: rem(11px);
+ padding-right: rem(11px);
+ }
+ }
+
+ .#{$prefix}--btn--sm.#{$prefix}--btn--icon-only {
+ padding-left: rem(5px);
+ padding-right: rem(5px);
+
+ &.#{$prefix}--btn--tertiary {
+ padding-left: rem(7px);
+ padding-right: rem(7px);
+ }
+ }
+
.#{$prefix}--btn--danger {
@include button-theme(
$danger,

fix(button): correct sizes for icon-only buttons (#5195)