quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

fix docs collapsible color+margins

Browse source
This commit is contained in:
outfoxxed 2024-10-20 03:09:48 -07:00
parent 712c286065
commit 6249a0aba7
Signed by: outfoxxed
GPG key ID: 4C88A185FB89301E
2 changed files with 16 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/styles/components/accordion.css
View file

@ -2,11 +2,6 @@
& summary { & summary {
list-style: none; list-style: none;
transition: background-color 0.15s ease-out; transition: background-color 0.15s ease-out;
&:hover {
background-color: hsla(250 11 100 / 0.06);
cursor: pointer;
}
} }
& .accordion-container { & .accordion-container {

23
src/styles/docs/docs.css
View file

@ -151,6 +151,12 @@ ul {
& summary { & summary {
padding: 1.2rem; padding: 1.2rem;
user-select: none; user-select: none;
box-shadow: 0 0 0.5rem 0px rgba(0 0 0 / 0.25);
&:hover {
background-color: hsla(250 11 100 / 0.06);
cursor: pointer;
}
& > div { & > div {
display: flex; display: flex;
@ -169,14 +175,17 @@ ul {
& .accordion-container > div { & .accordion-container > div {
padding: 0 1.2rem; padding: 0 1.2rem;
& p:first-child {
padding-top: 0;
margin-top: 0;
}
} }
} }
.docs-collapsible[open]:not(.closing) > summary > div > svg { .docs-collapsible[open]:not(.closing) {
transform: rotate(90deg); & summary {
background-color: hsla(250 11 100 / 0.03);
&:hover {
background-color: hsla(250 11 100 / 0.06);
cursor: pointer;
}
& div > svg { transform: rotate(90deg) }
}
} }