Spaces:
Running
Running
modified accordeon title
Browse files
app/src/components/Accordion.astro
CHANGED
@@ -90,12 +90,13 @@ const wrapperClass = ["accordion", className].filter(Boolean).join(" ");
|
|
90 |
list-style: none;
|
91 |
display: flex;
|
92 |
align-items: center;
|
93 |
-
justify-content:
|
94 |
gap: 4px;
|
95 |
padding: 4px;
|
96 |
cursor: pointer;
|
97 |
color: var(--text-color);
|
98 |
user-select: none;
|
|
|
99 |
}
|
100 |
|
101 |
/* Remove conditional padding to avoid jump on close */
|
@@ -113,7 +114,8 @@ const wrapperClass = ["accordion", className].filter(Boolean).join(" ");
|
|
113 |
}
|
114 |
|
115 |
.accordion__chevron {
|
116 |
-
|
|
|
117 |
transition: transform 220ms ease;
|
118 |
opacity: .85;
|
119 |
}
|
|
|
90 |
list-style: none;
|
91 |
display: flex;
|
92 |
align-items: center;
|
93 |
+
justify-content: center;
|
94 |
gap: 4px;
|
95 |
padding: 4px;
|
96 |
cursor: pointer;
|
97 |
color: var(--text-color);
|
98 |
user-select: none;
|
99 |
+
position: relative;
|
100 |
}
|
101 |
|
102 |
/* Remove conditional padding to avoid jump on close */
|
|
|
114 |
}
|
115 |
|
116 |
.accordion__chevron {
|
117 |
+
position: absolute;
|
118 |
+
right: 8px;
|
119 |
transition: transform 220ms ease;
|
120 |
opacity: .85;
|
121 |
}
|