From 6e2eddf8354c0fe27e134269f6787c794b738c01 Mon Sep 17 00:00:00 2001
From: wout <wout.atmire@gmail.com>
Date: Fri, 29 Nov 2024 10:33:12 +0100
Subject: [PATCH] 120594: btn-transparent class

---
 .../community-list/community-list.component.html               | 2 +-
 src/styles/_bootstrap_variables_mapping.scss                   | 3 +--
 src/themes/dspace/app/header/header.component.html             | 2 +-
 3 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/app/community-list-page/community-list/community-list.component.html b/src/app/community-list-page/community-list/community-list.component.html
index 76ec06fc671..a8036f0cbc0 100644
--- a/src/app/community-list-page/community-list/community-list.component.html
+++ b/src/app/community-list-page/community-list/community-list.component.html
@@ -24,7 +24,7 @@
   <cdk-tree-node *cdkTreeNodeDef="let node; when: hasChild" cdkTreeNodePadding
                  class="example-tree-node expandable-node">
     <div class="btn-group">
-      <button *ngIf="hasChild(null, node) | async" type="button" class="btn btn-default" cdkTreeNodeToggle
+      <button *ngIf="hasChild(null, node) | async" type="button" class="btn btn-default btn-transparent" cdkTreeNodeToggle
               [attr.aria-label]="(node.isExpanded ? 'communityList.collapse' : 'communityList.expand') | translate:{ name: dsoNameService.getName(node.payload) }"
               (click)="toggleExpanded(node)"
               data-test="expand-button">
diff --git a/src/styles/_bootstrap_variables_mapping.scss b/src/styles/_bootstrap_variables_mapping.scss
index 166e39d140e..c028c307f86 100644
--- a/src/styles/_bootstrap_variables_mapping.scss
+++ b/src/styles/_bootstrap_variables_mapping.scss
@@ -55,8 +55,7 @@
   --bs-table-striped-bg: #{$light};
 }
 
-cdk-tree-node .btn,
-#mobile-navbar-toggler > .btn
+.btn-transparent
 {
   --bs-btn-box-shadow: none;
   --bs-btn-focus-box-shadow: none;
diff --git a/src/themes/dspace/app/header/header.component.html b/src/themes/dspace/app/header/header.component.html
index df0f5b3b9a8..27a506eb195 100644
--- a/src/themes/dspace/app/header/header.component.html
+++ b/src/themes/dspace/app/header/header.component.html
@@ -23,7 +23,7 @@
       </div>
 
       <div id="mobile-navbar-toggler" class="d-block d-lg-none ms-3" *ngIf="(isMobile$ | async)">
-        <button id="navbar-toggler" class="btn" type="button" (click)="toggleNavbar()"
+        <button id="navbar-toggler" class="btn btn-transparent" type="button" (click)="toggleNavbar()"
                 [attr.aria-label]="'nav.toggle' | translate" aria-controls="collapsible-mobile-navbar" [attr.aria-expanded]="(isNavBarCollapsed$ | async) !== true">
           <span class="fas fa-bars fa-fw fa-xl toggler-icon" aria-hidden="true"></span>
         </button>