hj/pleroma-fe
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

list styles

Browse source
This commit is contained in:
Henry Jameson 2026-06-10 18:09:20 +03:00
commit 03c0c1664a
2 changed files with 18 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

43
src/App.scss
View file

@ -418,45 +418,6 @@ nav {
} }
} }
.list-item {
border-color: var(--border);
border-style: solid;
border-width: 0;
border-top-width: 1px;
&.-active,
&:hover {
border-top-width: 1px;
border-bottom-width: 1px;
}
&.-active + &,
&:hover + & {
border-top-width: 0;
}
&:hover + .menu-item-collapsible:not(.-expanded) + &,
&.-active + .menu-item-collapsible:not(.-expanded) + & {
border-top-width: 0;
}
&[aria-expanded="true"] {
border-bottom-width: 1px;
}
&:first-child {
border-top-right-radius: var(--roundness);
border-top-left-radius: var(--roundness);
border-top-width: 0;
}
&:last-child {
border-bottom-right-radius: var(--roundness);
border-bottom-left-radius: var(--roundness);
border-bottom-width: 0;
}
}
.menu-item, .menu-item,
.list-item { .list-item {
display: block; display: block;
@ -480,8 +441,8 @@ nav {
cursor: auto; cursor: auto;
} }
a, > a,
button:not(.button-default) { > button:not(.button-default) {
text-align: initial; text-align: initial;
padding: 0; padding: 0;
background: none; background: none;

16
src/components/list/list.css
View file

@ -14,6 +14,22 @@
display: flex; display: flex;
align-items: center; align-items: center;
&[aria-expanded="true"] {
border-bottom-width: 1px;
}
&:first-child {
border-top-right-radius: var(--roundness);
border-top-left-radius: var(--roundness);
border-top-width: 0;
}
&:last-child {
border-bottom-right-radius: var(--roundness);
border-bottom-left-radius: var(--roundness);
border-bottom-width: 0;
}
&:not(:last-child) { &:not(:last-child) {
border-bottom: 1px dotted var(--border); border-bottom: 1px dotted var(--border);
} }