From f1794f45e3a8db07d52cde5d465e0280551edf1d Mon Sep 17 00:00:00 2001 From: Nicol Date: Wed, 6 Dec 2023 13:57:44 +0000 Subject: [PATCH] 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. --- css/civicrm.css | 25 +++++++++++++++---------- 1 file changed, 15 insertions(+), 10 deletions(-) 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, -- 2.25.1