From: Nicol <vingle@users.noreply.github.com>
Date: Wed, 6 Dec 2023 13:57:44 +0000 (+0000)
Subject: Adds utility class: .crm-accordion-bold
X-Git-Url: https://vcs.fsf.org/?a=commitdiff_plain;h=f1794f45e3a8db07d52cde5d465e0280551edf1d;p=civicrm-core.git

Adds utility class: .crm-accordion-bold

This allows new details/summary elements to be styled the same as the colour-bg crm-accordion-wrapper style. It also fixes a minor issue with border-radius changing on expand/collapse.
---

diff --git a/css/civicrm.css b/css/civicrm.css
index 406da939ab..8a74d1689f 100644
--- a/css/civicrm.css
+++ b/css/civicrm.css
@@ -2211,24 +2211,29 @@ div.crm-master-accordion-header a.helpicon {
   color: #3e3e3e;
 }
 
-.crm-container .crm-accordion-header {
-  color: #f5f6f1;
-  font-weight: normal;
-  padding: 4px 8px;
-  background-color: #5d677b;
-  border-radius: 4px 4px 0 0;
-}
-
 .crm-container summary {
   display: list-item;
   list-style: none;
   cursor: pointer;
 }
 
-.crm-container .collapsed .crm-accordion-header {
+.crm-container .crm-accordion-header,
+.crm-container .collapsed .crm-accordion-header,
+.crm-container .crm-accordion-bold > summary,
+.crm-container details > .crm-accordion-header {
+  color: #f5f6f1;
+  font-weight: normal;
+  padding: 4px 8px;
+  background-color: #5d677b;
   border-radius: 4px;
 }
 
+.crm-container div.crm-accordion-header,
+.crm-container details[open] > .crm-accordion-header,
+.crm-container .crm-accordion-bold[open] > summary {
+  border-radius: 4px 4px 0 0;
+}
+
 .crm-container .crm-accordion-header.active {
   font-weight: bold;
   background-color: #3e3e3e;
@@ -2265,7 +2270,7 @@ div.crm-master-accordion-header a.helpicon {
 
 /* General icon settings for all collapsible things */
 .crm-container div.crm-accordion-header:before,
-.crm-container .collapsed .crm-accordion-header:before,
+.crm-container .collapsed div.crm-accordion-header:before,
 .crm-container .crm-collapsible .collapsible-title:before,
 .crm-container span.collapsed:before,
 .crm-container a.collapsed:before,