Update accordion button

btcpayserver · Sep 26, 2024 · 32b3ed8 · 32b3ed8
1 parent a405fdf
commit 32b3ed8
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 3 deletions.
diff --git a/src/bootstrap/_customizations.css b/src/bootstrap/_customizations.css
@@ -131,10 +131,20 @@ ul:not([class]) li {
 
 .accordion-button .icon {
   --icon-size: 1.5rem;
+  margin-top: -.0575em;
+  margin-bottom: -.0575em;
   margin-left: auto;
   transition: transform var(--btcpay-transition-duration-fast) ease-in-out;
 }
 
+.accordion-button span {
+    color: rgba(var(--btcpay-body-link-rgb), var(--btcpay-link-opacity, 1));
+}
+
+.accordion-button:hover span {
+    --btcpay-body-link-rgb: var(--btcpay-body-link-accent-rgb);
+}
+
 .accordion-button:not(.collapsed) .icon {
   transform: rotate(-180deg);
 }

diff --git a/src/static/styles/btcpayserver-bootstrap.css b/src/static/styles/btcpayserver-bootstrap.css
@@ -12267,10 +12267,20 @@ ul:not([class]) li {
 
 .accordion-button .icon {
   --icon-size: 1.5rem;
+  margin-top: -.0575em;
+  margin-bottom: -.0575em;
   margin-left: auto;
   transition: transform var(--btcpay-transition-duration-fast) ease-in-out;
 }
 
+.accordion-button span {
+    color: rgba(var(--btcpay-body-link-rgb), var(--btcpay-link-opacity, 1));
+}
+
+.accordion-button:hover span {
+    --btcpay-body-link-rgb: var(--btcpay-body-link-accent-rgb);
+}
+
 .accordion-button:not(.collapsed) .icon {
   transform: rotate(-180deg);
 }
@@ -12840,7 +12850,7 @@ input[type='number'].hide-number-spin {
   cursor: pointer;
 }
 
-.btcpay-toggle:hover {
+.btcpay-toggle:not(:disabled):hover {
   background: var(--btcpay-toggle-bg-hover);
 }
 
@@ -12855,8 +12865,8 @@ input.btcpay-toggle:checked,
   background: var(--btcpay-toggle-bg-active);
 }
 
-input.btcpay-toggle:checked:hover,
-.btcpay-toggle.btcpay-toggle--active:hover {
+input.btcpay-toggle:not(:disabled):checked:hover,
+.btcpay-toggle.btcpay-toggle--active:not(:disabled):hover {
   background: var(--btcpay-toggle-bg-active-hover);
 }