Skip to content

Commit ecadf7e

Browse files
committed
fix(inset): update to strict inset effect
1 parent 4d14917 commit ecadf7e

File tree

1 file changed

+26
-25
lines changed

1 file changed

+26
-25
lines changed

src/styles/utils/theme-list-inset.scss

Lines changed: 26 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -56,38 +56,39 @@
5656
}
5757
}
5858

59-
ion-item-group,
60-
ion-reorder-group,
61-
ion-accordion-group,
62-
ion-radio-group {
63-
&:not(:first-of-type) {
64-
margin-top: 16px;
65-
}
59+
$groups: ion-item-group, ion-reorder-group, ion-accordion-group, ion-radio-group;
6660

67-
ion-item {
68-
ion-text[slot='end'] {
69-
padding-left: 8px;
61+
#{$groups} {
62+
&:not(:has(#{$groups})) {
63+
&:not(:first-of-type) {
64+
margin-top: 16px;
7065
}
7166

72-
&.item-disabled {
73-
opacity: 1;
74-
75-
& > * {
76-
opacity: 0.4;
67+
ion-item {
68+
ion-text[slot='end'] {
69+
padding-left: 8px;
7770
}
7871

79-
&::part(detail-icon) {
80-
opacity: 0.1;
81-
}
82-
}
72+
&.item-disabled {
73+
opacity: 1;
74+
75+
& > * {
76+
opacity: 0.4;
77+
}
8378

84-
ion-button[slot='end'] {
85-
&.ion-align-self-end {
86-
transform: translateY(-7px);
79+
&::part(detail-icon) {
80+
opacity: 0.1;
81+
}
8782
}
88-
ion-icon[slot='icon-only'] {
89-
font-size: 1.2rem !important;
90-
transform: translateY(4px);
83+
84+
ion-button[slot='end'] {
85+
&.ion-align-self-end {
86+
transform: translateY(-7px);
87+
}
88+
ion-icon[slot='icon-only'] {
89+
font-size: 1.2rem !important;
90+
transform: translateY(4px);
91+
}
9192
}
9293
}
9394
}

0 commit comments

Comments
 (0)