AV-2017: Fix heading margins within expander titles

vrk-kpa · Oct 11, 2023 · cfb7294 · cfb7294
1 parent d644c0f
commit cfb7294
Show file tree

Hide file tree

Showing 3 changed files with 26 additions and 1 deletion.
diff --git a/drupal/modules/avoindata-ckeditor5-plugins/css/styles.css b/drupal/modules/avoindata-ckeditor5-plugins/css/styles.css
@@ -39,6 +39,11 @@
   display: inline-block;
   width: calc(100% - 45px);
 }
+.avoindata-expander-title h2,
+.avoindata-expander-title h3,
+.avoindata-expander-title h4 {
+  margin: 0;
+}
 .avoindata-expander-content {
   display: none;
   padding: 0 20px 15px;
@@ -257,6 +262,12 @@ a.external svg {
   color: #2a6ebb;
   display: block;
 }
+.ck-content .avoindata-expander .avoindata-expander-title h2,
+.ck-content .avoindata-expander .avoindata-expander-title h3,
+.ck-content .avoindata-expander .avoindata-expander-title h4 {
+  margin: 0;
+  margin-top: 1em;
+}
 .ck-content .avoindata-expander .avoindata-expander-content {
   padding: 0 20px 15px;
 }

diff --git a/opendata-assets/src/less/drupal/custom-elements.less b/opendata-assets/src/less/drupal/custom-elements.less
@@ -47,6 +47,12 @@
   padding: 20px 0 20px 20px;
   display: inline-block;
   width: calc(100% - 45px);
+
+  h2,
+  h3,
+  h4 {
+    margin: 0;
+  }
 }
 
 .avoindata-expander-content {

diff --git a/opendata-assets/src/less/drupal/editor.less b/opendata-assets/src/less/drupal/editor.less
@@ -42,13 +42,21 @@
     border: 1px solid #ecedee;
     margin: 0;
 
-    .avoindata-expander-title {
+
+  .avoindata-expander-title {
       font-size: 18px;
       font-weight: 600;
       line-height: 27px;
       padding: 0 20px 5px;
       color: #2a6ebb;
       display: block;
+
+      h2,
+      h3,
+      h4 {
+        margin: 0;
+        margin-top: 1em;
+      }
     }
 
     .avoindata-expander-content {