Skip to content

Commit 4ccf96e

Browse files
authored
fix(button): fix icon-only ghost button svg fill (#5722)
1 parent 0b795d3 commit 4ccf96e

File tree

1 file changed

+17
-0
lines changed

1 file changed

+17
-0
lines changed

packages/components/src/components/button/_button.scss

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -167,6 +167,14 @@
167167
}
168168
}
169169

170+
.#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--btn--ghost:focus svg {
171+
fill: $icon-01;
172+
}
173+
174+
.#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--btn--ghost:hover svg {
175+
fill: $icon-01;
176+
}
177+
170178
.#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--tooltip__trigger:focus {
171179
border-color: $focus;
172180
}
@@ -198,6 +206,13 @@
198206
}
199207
}
200208

209+
.#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--btn--ghost
210+
.#{$prefix}--btn__icon,
211+
.#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--btn--ghost:hover
212+
.#{$prefix}--btn__icon {
213+
fill: $icon-01;
214+
}
215+
201216
.#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only
202217
.#{$prefix}--btn__icon
203218
path,
@@ -209,6 +224,8 @@
209224
.#{$prefix}--btn__icon
210225
path,
211226
.#{$prefix}--btn--ghost.#{$prefix}--btn--icon-only[disabled]
227+
.#{$prefix}--btn__icon,
228+
.#{$prefix}--btn.#{$prefix}--btn--icon-only.#{$prefix}--btn--ghost[disabled]:hover
212229
.#{$prefix}--btn__icon {
213230
fill: $disabled-02;
214231
}

0 commit comments

Comments
 (0)