Schluffe/nage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix the item-list situation

Browse Source
This commit is contained in:
kolaflash
2025-12-30 19:07:18 +01:00
parent fe1e76fe41
commit 24508da335
5 changed files with 208 additions and 222 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dev/ItemList.css
+66 -9
View File
@@ -1,18 +1,75 @@
.item-list {
background: var(--c-bg-1);
color: var(--c-fg-1);
list-style: none;
margin: 0;
padding: 0;
border-radius: var(--sp-1);
ul {
background: var(--c-bg-1);
color: var(--c-fg-1);
list-style: none;
margin: 0;
padding: 0;
}
li {
padding: var(--sp-1) var(--sp-2);
border-radius: var(--sp-1);
cursor: pointer;
&.active,
&:hover {
background: var(--c-bg-3);
}
}
button {
color: inherit;
border-radius: var(--sp-1);
border: none;
background: transparent;
padding: var(--sp-1);
margin-left: var(--sp-1);
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
}
button:hover {
background: var(--c-bg-3);
}
svg {
width: 1.5em;
height: 1.5em;
}
}
.item-list-item {
padding: var(--sp-1) var(--sp-2);
.item-list-header {
display: flex;
justify-content: space-between;
border-bottom: 1px solid var(--c-fg-3);
}
.item-list-name {
padding-left: var(--sp-1);
cursor: pointer;
display: flex;
align-items: center;
justify-content: flex-start;
width: fit-content;
border-radius: var(--sp-1);
cursor: pointer;
&.active,
&:hover {
background: var(--c-bg-3);
}
svg {
margin-left: var(--sp-1);
width: 0.875em;
height: 0.875em;
}
}
.item-list-name.hide {
svg {
rotate: 0.75turn;
}
}