From 22fa32fb0e4d1a3a2d35135d402d773766bc9014 Mon Sep 17 00:00:00 2001 From: Leo Turlock <108213079+LeoTurlock@users.noreply.github.com> Date: Sat, 27 Apr 2024 17:26:54 +0200 Subject: [PATCH] Accordion Changes --- archive.html | 21 +++++++++++++++------ archive_stylesheet.css | 22 ++++++++++++++++------ 2 files changed, 31 insertions(+), 12 deletions(-) diff --git a/archive.html b/archive.html index 4a645a9..b5fc05a 100644 --- a/archive.html +++ b/archive.html @@ -6,7 +6,7 @@ EaglerArchive - + @@ -51,26 +51,35 @@

Archive

+
- - + +

Content for item 1.

- +

Content for item 2.

- +
-

Content for item 3.

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ac tortor vitae purus faucibus ornare suspendisse sed. Viverra accumsan in nisl nisi scelerisque eu. Eleifend quam adipiscing vitae proin sagittis nisl. Cursus risus at ultrices mi tempus imperdiet. Mattis nunc sed blandit libero volutpat sed cras ornare arcu. Donec massa sapien faucibus et molestie ac feugiat. Vestibulum mattis ullamcorper velit sed ullamcorper morbi tincidunt. Ac tincidunt vitae semper quis lectus nulla at volutpat diam. Enim blandit volutpat maecenas volutpat blandit aliquam etiam erat. Vestibulum lectus mauris ultrices eros. Id porta nibh venenatis cras sed felis eget. Nec sagittis aliquam malesuada bibendum arcu vitae. Et ultrices neque ornare aenean euismod. + +Viverra suspendisse potenti nullam ac. Ac orci phasellus egestas tellus rutrum tellus pellentesque. Tellus molestie nunc non blandit massa enim nec dui. Aliquam purus sit amet luctus venenatis lectus magna fringilla urna. Cursus vitae congue mauris rhoncus aenean. Feugiat in ante metus dictum at tempor commodo ullamcorper a. Nulla pharetra diam sit amet nisl. Tortor id aliquet lectus proin nibh nisl condimentum id venenatis. Nulla aliquet porttitor lacus luctus accumsan tortor posuere ac. Scelerisque varius morbi enim nunc faucibus a pellentesque sit amet.

diff --git a/archive_stylesheet.css b/archive_stylesheet.css index df066c3..8d3656a 100644 --- a/archive_stylesheet.css +++ b/archive_stylesheet.css @@ -1,9 +1,11 @@ .accordion { width: 100%; + border-radius: 20px; + background-color: #333; } .accordion-item { - margin-bottom: 10px; + margin: 10px; } .accordion-item input { @@ -12,7 +14,6 @@ .accordion-item label { display: block; - background-color: #f0f0f0; padding: 10px; cursor: pointer; } @@ -20,11 +21,20 @@ .accordion-item .accordion-content { max-height: 0; overflow: hidden; - transition: max-height 0.2s ease-out; - background-color: #e0e0e0; + transition: max-height 0.2s ease; + background-color: #222; padding: 0 10px; } .accordion-item input:checked ~ .accordion-content { - max-height: 100px; /* You can adjust this value depending on your content */ -} \ No newline at end of file + max-height: 100%; /* You can adjust this value depending on your content */ + +} + +.accordion-item input:checked > .accordion-title img:first-child { + transform: rotate(90deg); +} +.accordion-title { + display: flex; + align-items: center; +}