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,
.list-item {
display: block;
@ -480,8 +441,8 @@ nav {
cursor: auto;
}
a,
button:not(.button-default) {
> a,
> button:not(.button-default) {
text-align: initial;
padding: 0;
background: none;

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

@ -14,6 +14,22 @@
display: flex;
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) {
border-bottom: 1px dotted var(--border);
}