ivabus/www
1
0
Fork 0
mirror of https://github.com/ivabus/www synced 2025-06-08 10:20:26 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added rotation to accordion icons

Browse source
This commit is contained in:
Thomas Smith 2022-10-07 14:22:12 -04:00
parent e4187f21f7
commit baf0535d85
2 changed files with 14 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/layouts/partials/tea-cli-accordion.html
View file

@ -2,7 +2,7 @@
<div class="accordion-item"> <div class="accordion-item">
<h2 class="accordion-header" id="headingOne"> <h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
<i class="icon-enter-arrow"></i> Accordion Item #1 Accordion Item #1
</button> </button>
</h2> </h2>
<div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">

13
src/static/css/accordion.css
View file

@ -29,6 +29,19 @@
border:none; border:none;
} }
.accordion-button:not(.collapsed)::after {
background-image: url(/Images/enter-icon.svg);
transform: rotate(90deg);
}
.accordion-button::after {
background-image: url(/Images/enter-icon.svg);
transform: rotate(0deg);
order:-1;
margin-left: 0;
margin-right: 1vw;
}
.accordion-body{ .accordion-body{
padding: 4.185vw 0vw; padding: 4.185vw 0vw;
background-color: #1a1a1a; background-color: #1a1a1a;