Skip to content

Commit 34f4c28

Browse files
committed
fix(chip): fix chip media margin in iOS theme
1 parent 179e16d commit 34f4c28

File tree

3 files changed

+22
-10
lines changed

3 files changed

+22
-10
lines changed

src/core/components/chip/chip-ios.less

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,12 @@
11
.ios {
2+
.chip-media {
3+
.ltr({
4+
margin-left: calc(-1 * var(--f7-chip-padding-horizontal));
5+
});
6+
.rtl({
7+
margin-right: calc(-1 * var(--f7-chip-padding-horizontal));
8+
});
9+
}
210
.chip-delete {
311
&::after {
412
content: 'delete_round_ios';

src/core/components/chip/chip-md.less

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,12 @@
11
.md {
2+
.chip-media {
3+
.ltr({
4+
margin-left: calc(-1 * var(--f7-chip-padding-horizontal) + 4px);
5+
});
6+
.rtl({
7+
margin-right: calc(-1 * var(--f7-chip-padding-horizontal) + 4px);
8+
});
9+
}
210
.chip-label + .chip-delete {
311
.ltr({
412
margin-left: 4px;

src/core/components/chip/chip.less

Lines changed: 6 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -46,18 +46,14 @@
4646
border-radius: 50%;
4747
display: block;
4848
}
49-
.ltr({
50-
margin-left: calc(-1 * var(--f7-chip-padding-horizontal) + 4px);
51-
+ .chip-label {
49+
+ .chip-label {
50+
.ltr({
5251
margin-left: 4px;
53-
}
54-
});
55-
.rtl({
56-
margin-right: calc(-1 * var(--f7-chip-padding-horizontal) + 4px);
57-
+ .chip-label {
52+
});
53+
.rtl({
5854
margin-right: 4px;
59-
}
60-
});
55+
});
56+
}
6157
}
6258
.chip-label {
6359
white-space: nowrap;

0 commit comments

Comments
 (0)