YouHaveTrouble/DiscipleOfLand
1
0
Fork 0
mirror of https://github.com/YouHaveTrouble/DiscipleOfLand.git synced 2026-05-11 22:16:55 +00:00
Code Issues Packages Projects Releases Wiki Activity

add a little arrow and animation when collapsing and uncollapsing filter groups

Browse Source
This commit is contained in:
YouHaveTrouble
2024-07-15 20:13:03 +02:00
parent 07d041b974
commit 07084d36d0
1 changed files with 25 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/FiltersMenu.vue
+25 -2
View File
@@ -129,14 +129,37 @@ section {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 1rem; gap: 1rem;
padding: 1rem; padding-block: 1rem;
details { details {
background-color: #1f1f1f; background-color: #1f1f1f;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
padding: 0.5rem; border-radius: 0.25rem;
padding: 1rem;
gap: 0.5rem; gap: 0.5rem;
position: relative;
&:before {
position: absolute;
right: 1rem;
top: 1rem;
width: 1.5rem;
height: 1.5rem;
display: flex;
justify-content: center;
align-content: center;
content: "▶";
pointer-events: none;
rotate: 90deg;
transition: rotate 0.25s;
}
&[open] {
&:before {
rotate: 270deg;
}
}
summary { summary {
cursor: pointer; cursor: pointer;