From e7200f193bc9f8ce4464e7b0ab743dfad41eafc4 Mon Sep 17 00:00:00 2001
From: Ahmed Cool Projects
 <72823374+AhmedCoolProjects@users.noreply.github.com>
Date: Sun, 20 Nov 2022 20:27:43 +0100
Subject: [PATCH] Accordions fixed for the dropdown (#1564)

## Description

<!-- Insert PR description-->

## Type of change

<!--- Please check the type of change your PR introduces: --->
- [ ] :sunflower: Feature
- [x] :bug: Bugfix
- [ ] :world_map: Documentation
- [ ] :robot: Test
- [ ] :computer: CI/Deployment
- [ ] :hamster: Trivial/Minor

## Issue(s)

<!-- Can reference multiple issues. Use one of the following "magic words" - "closes, fixes" to auto-close the Github issue. -->
* #<issue>

## Test Plan

<!-- How will this be tested prior to merging.-->
- [ ] :muscle: Manual
- [ ] :zap: Unit test
- [ ] :green_heart: E2E
---
 docs/src/css/custom.scss             | 22 ++++++++++++++++++++++
 docs/static/assets/download.svg      |  1 +
 docs/static/assets/download_blue.svg |  1 +
 3 files changed, 24 insertions(+)
 create mode 100644 docs/static/assets/download.svg
 create mode 100644 docs/static/assets/download_blue.svg

diff --git a/docs/src/css/custom.scss b/docs/src/css/custom.scss
index 79d44b477..4c71d692c 100644
--- a/docs/src/css/custom.scss
+++ b/docs/src/css/custom.scss
@@ -11,6 +11,28 @@ CUSTOM TO THE NEW HOME PAGE
 html{
   scroll-behavior: smooth !important;
 }
+.accordion-button-custom::after {
+  -ms-flex-shrink: 0;
+  flex-shrink: 0;
+  width: 1.25rem;
+  height: 1.25rem;
+  margin-left: auto;
+  content: "";
+  background-image: url("../../static/assets/download.svg");
+  background-repeat: no-repeat;
+  background-size: 1.25rem;
+  transition: transform 0.2s ease-in-out;
+}
+
+.accordion-button-custom:not(.collapsed)::after {
+  background-image: url("../../static/assets/download_blue.svg");
+  transform: rotate(-180deg);
+}
+.accordion-button-custom:not(.collapsed) {
+  color: #2563eb;
+  background-color: #fff;
+  box-shadow: inset 0 -1px 0 #e5e7eb;
+}
 
  .link-underline {
   border-bottom-width: 0;
diff --git a/docs/static/assets/download.svg b/docs/static/assets/download.svg
new file mode 100644
index 000000000..8b097b9c0
--- /dev/null
+++ b/docs/static/assets/download.svg
@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#fff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>
\ No newline at end of file
diff --git a/docs/static/assets/download_blue.svg b/docs/static/assets/download_blue.svg
new file mode 100644
index 000000000..4f2485b58
--- /dev/null
+++ b/docs/static/assets/download_blue.svg
@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#2563eb'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>
\ No newline at end of file