Add collapsible

2024-11-29 18:10:22 +01:00
parent 0a7d512d2f
commit 53831da3c0
3 changed files with 61 additions and 14 deletions
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -53,3 +53,32 @@
    color: white;
 }

+
+/** Collapsible **/
+
+ /* Style the button that is used to open and close the collapsible content */
+.collapsible {
+  background-color: #eee;
+  color: #444;
+  cursor: pointer;
+  padding: 18px;
+  width: 100%;
+  border: none;
+  text-align: left;
+  outline: none;
+  font-size: 15px;
+}
+
+/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
+.active, .collapsible:hover {
+  background-color: #ccc;
+}
+
+/* Style the collapsible content. Note: hidden by default */
+.content {
+  padding: 0 18px;
+  display: none;
+  overflow: hidden;
+  background-color: #f1f1f1;
+} 
+