Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

Commit 5d34eff

Browse files
committed
fix(chips): Fix readonly padding issue.
In readonly mode, the dynamic chips had an additional bit of padding that made them inconsistent with static chips and caused the inner text to not be centered. Fixes #2829 (already closed, but people mentioned it in comments)
1 parent fd33d41 commit 5d34eff

File tree

1 file changed

+4
-1
lines changed

1 file changed

+4
-1
lines changed

src/components/chips/chips.scss

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -65,6 +65,10 @@ $contact-chip-name-width: rem(12) !default;
6565

6666
.md-chip:not(.md-readonly) {
6767
padding-right: $chip-remove-padding-right;
68+
69+
.md-chip-content {
70+
padding-right:rem(0.4);
71+
}
6872
}
6973
}
7074

@@ -83,7 +87,6 @@ $contact-chip-name-width: rem(12) !default;
8387

8488
.md-chip-content {
8589
display: block;
86-
padding-right:rem(0.4);
8790
float: left;
8891
white-space: nowrap;
8992
max-width: 100%;

0 commit comments

Comments
 (0)