CSS for collapsible snippets: metanorma/metanorma-ogc#331

metanorma · Aug 16, 2024 · c1630cc · c1630cc
1 parent cdd8f0a
commit c1630cc
Showing 1 changed file with 15 additions and 3 deletions.
diff --git a/lib/isodoc/base_style/reset.scss b/lib/isodoc/base_style/reset.scss
@@ -231,11 +231,12 @@ visibility:visible;
   transition: max-height 0.2s ease-out;
 }
 
-  .collapsible {
+.collapsible {
   background-color: #777;
   color: white;
   cursor: pointer;
-  padding: 18px;
+  padding: 12px 0;
+  margin: 0;
   width: 100%;
   border: none;
   text-align: left;
@@ -252,9 +253,20 @@ visibility:visible;
   color: white;
   font-weight: bold;
   float: right;
-  margin-left: 5px;
+  margin-left: 12px;
+  margin-right: 12px;
 }
 
 .active:after {
   content: "\25b2";
 }
+
+/* collapsible: */
+.collapsible + .hidable {
+  margin-top: 0;
+}
+
+.collapsible:not(.active) + .hidable {
+  overflow: hidden;
+  padding: 0;
+}