CiviCRM further styling for details elements.

backdrop-contrib · Sep 15, 2024 · 5c9d242 · 5c9d242
1 parent 123fd60
commit 5c9d242
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/dist/css/components/gin_civicrm.css b/dist/css/components/gin_civicrm.css
@@ -7,6 +7,10 @@
           mask-image: url("../../media/sprite.svg#civicrm-view");
 }
 
+.crm-container details.crm-accordion-bold > summary {
+  width: calc(100% - 18px);
+}
+
 .crm-container details.crm-accordion-bold > summary::before {
   background-color: #fff;
   content: "";
@@ -25,6 +29,11 @@
   padding-inline-start: 1.5rem;
 }
 
+.crm-container details.crm-accordion-bold > div.crm-accordion-body {
+  border-color: var(--gin-border-color);
+  padding: .75rem 1.5rem;
+}
+
 @media (min-width: 61em) {
   .admin-bar body.gin--horizontal-toolbar.crm-menubar-below-cms-menu > #civicrm-menu-nav #civicrm-menu.sm-civicrm {
     height: 40px;

diff --git a/styles/components/gin_civicrm.scss b/styles/components/gin_civicrm.scss
@@ -12,6 +12,8 @@
 .crm-container {
   details.crm-accordion-bold {
     > summary {
+      width: calc(100% - 18px);
+
 
       &::before {
         // Hard-coding white for now since CiviCRM background is dark.
@@ -25,6 +27,11 @@
         padding-inline-start: 1.5rem;
       }
     }
+
+    > div.crm-accordion-body {
+      border-color: var(--gin-border-color);
+      padding: .75rem 1.5rem;
+    }
   }
 }