Update accordion button

btcpayserver · Sep 26, 2024 · 2c3751d · 2c3751d
1 parent 8b63ae1
commit 2c3751d
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 4 deletions.
diff --git a/BTCPayServer/Views/UIServer/ListUsers.cshtml b/BTCPayServer/Views/UIServer/ListUsers.cshtml
@@ -59,7 +59,7 @@
             <th>Created</th>
             <th>Status</th>
             <th class="actions-col"></th>
-            <th></th>
+            <th class="w-75px"></th>
         </tr>
         </thead>
         <tbody id="UsersList">
@@ -101,7 +101,7 @@
                         }
                         @if (pendingInvite)
                         {
-                            <a asp-action="User" asp-route-userId="@user.Id" class="view-invite" data-invitation-url="@user.InvitationUrl" data-user="@user.Email">View Invite</a>
+                            <a asp-action="User" asp-route-userId="@user.Id" class="view-invite text-nowrap" data-invitation-url="@user.InvitationUrl" data-user="@user.Email">View Invite</a>
                         }
                         else if(status.Item2 != "warning")
                         {
@@ -116,7 +116,7 @@
                 <td class="text-end">
                     @if (detailsId != null)
                     {
-                        <button class="accordion-button collapsed only-for-js ms-0 d-inline-flex align-items-center gap-1" type="button" data-bs-toggle="collapse" data-bs-target="#@detailsId" aria-expanded="false" aria-controls="@detailsId">
+                        <button class="accordion-button w-auto collapsed only-for-js ms-0 d-inline-flex align-items-center gap-1" type="button" data-bs-toggle="collapse" data-bs-target="#@detailsId" aria-expanded="false" aria-controls="@detailsId">
                             <span>Details</span>
                             <vc:icon symbol="caret-down" css-class="ms-0" />
                         </button>

diff --git a/BTCPayServer/wwwroot/img/icon-sprite.svg b/BTCPayServer/wwwroot/img/icon-sprite.svg
diff --git a/BTCPayServer/wwwroot/main/bootstrap/bootstrap.css b/BTCPayServer/wwwroot/main/bootstrap/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);
 }