scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(BOOK-437): Fixed icon color of the check icon in lists

Browse Source 
Approved-by: Bianca Widstam
Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-11-26 07:40:28 +00:00
parent b41aab56a6
commit 250b1f2eac
1 changed files with 13 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
packages/design-system/lib/components/JsonToHtml/jsontohtml.module.css
View File

@@ -81,12 +81,8 @@
margin-left: 0; margin-left: 0;
display: flex; display: flex;
gap: var(--Space-x1); gap: var(--Space-x1);
}
.heart > .li::before, &::before {
.li:has(.heart)::before,
.check > .li::before,
.li:has(.check)::before {
content: ''; content: '';
position: relative; position: relative;
top: 3px; top: 3px;
@@ -98,10 +94,12 @@
mask-size: contain; mask-size: contain;
mask-repeat: no-repeat; mask-repeat: no-repeat;
} }
}
.check > .li::before, .check > .li::before,
.li:has(.check)::before { .li:has(.check)::before {
mask-image: url('/_static/icons/check_circle.svg'); mask-image: url('/_static/icons/check_circle.svg');
background-color: var(--Icon-Interactive-Default);
} }
.heart > .li::before, .heart > .li::before,