Spaces:
Running
Running
centered accordion
Browse files
app/src/components/Accordion.astro
CHANGED
|
@@ -89,16 +89,16 @@ const wrapperClass = ["accordion", className].filter(Boolean).join(" ");
|
|
| 89 |
}
|
| 90 |
|
| 91 |
.accordion__summary {
|
| 92 |
-
margin: 0;
|
| 93 |
list-style: none;
|
| 94 |
display: flex;
|
| 95 |
align-items: center;
|
| 96 |
-
justify-content:
|
| 97 |
gap: 4px;
|
| 98 |
-
padding:
|
| 99 |
cursor: pointer;
|
| 100 |
color: var(--text-color);
|
| 101 |
user-select: none;
|
|
|
|
| 102 |
}
|
| 103 |
|
| 104 |
/* Remove conditional padding to avoid jump on close */
|
|
@@ -120,7 +120,8 @@ const wrapperClass = ["accordion", className].filter(Boolean).join(" ");
|
|
| 120 |
}
|
| 121 |
|
| 122 |
.accordion__chevron {
|
| 123 |
-
|
|
|
|
| 124 |
transition: transform 220ms ease;
|
| 125 |
opacity: .85;
|
| 126 |
}
|
|
|
|
| 89 |
}
|
| 90 |
|
| 91 |
.accordion__summary {
|
|
|
|
| 92 |
list-style: none;
|
| 93 |
display: flex;
|
| 94 |
align-items: center;
|
| 95 |
+
justify-content: center;
|
| 96 |
gap: 4px;
|
| 97 |
+
padding: 4px;
|
| 98 |
cursor: pointer;
|
| 99 |
color: var(--text-color);
|
| 100 |
user-select: none;
|
| 101 |
+
position: relative;
|
| 102 |
}
|
| 103 |
|
| 104 |
/* Remove conditional padding to avoid jump on close */
|
|
|
|
| 120 |
}
|
| 121 |
|
| 122 |
.accordion__chevron {
|
| 123 |
+
position: absolute;
|
| 124 |
+
right: 8px;
|
| 125 |
transition: transform 220ms ease;
|
| 126 |
opacity: .85;
|
| 127 |
}
|