From fb4c853efd8feb334dae96f6c17fe3ea81a913a2 Mon Sep 17 00:00:00 2001
From: pkundu <priyanka.kundu@hyland.com>
Date: Mon, 25 Sep 2023 09:52:13 +0530
Subject: [PATCH] pressed state for buttons updated

---
 .../lib/components/details/details.component.scss  |  6 ++++++
 .../toggle-info-drawer.component.ts                |  9 +++++++++
 .../toolbar-button/toolbar-button.component.ts     | 14 ++++++++++++++
 3 files changed, 29 insertions(+)

diff --git a/projects/aca-content/src/lib/components/details/details.component.scss b/projects/aca-content/src/lib/components/details/details.component.scss
index 873bfb1bc3..340c11f240 100644
--- a/projects/aca-content/src/lib/components/details/details.component.scss
+++ b/projects/aca-content/src/lib/components/details/details.component.scss
@@ -5,6 +5,12 @@ app-details-manager {
     outline: none;
     border-radius: 4px;
 
+    &:focus {
+      background-color: #1f74db3d;
+      outline: 2px solid var(--theme-blue-button-color);
+      border-radius: 4px;
+    }
+
     &:focus-visible {
       outline: 2px solid var(--theme-blue-button-color);
       border-radius: 4px;
diff --git a/projects/aca-content/src/lib/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.ts b/projects/aca-content/src/lib/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.ts
index 2b11cb2b0a..269e2bd1b1 100644
--- a/projects/aca-content/src/lib/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.ts
+++ b/projects/aca-content/src/lib/components/toolbar/toggle-info-drawer/toggle-info-drawer.component.ts
@@ -47,6 +47,15 @@ import { MatIconModule } from '@angular/material/icon';
       <mat-icon>view_sidebar</mat-icon>
     </button>
   `,
+  styles: [
+    `
+      .app-toggle-info-drawer button:focus {
+        background-color: #1f74db3d;
+        border: 2px solid #1f74db;
+        border-radius: 6px;
+      }
+    `
+  ],
   encapsulation: ViewEncapsulation.None,
   host: { class: 'app-toggle-info-drawer' }
 })
diff --git a/projects/aca-shared/src/lib/components/toolbar/toolbar-button/toolbar-button.component.ts b/projects/aca-shared/src/lib/components/toolbar/toolbar-button/toolbar-button.component.ts
index e2d27cb6fb..b89f221dd5 100644
--- a/projects/aca-shared/src/lib/components/toolbar/toolbar-button/toolbar-button.component.ts
+++ b/projects/aca-shared/src/lib/components/toolbar/toolbar-button/toolbar-button.component.ts
@@ -45,6 +45,20 @@ export enum ToolbarButtonType {
   selector: 'app-toolbar-button',
   templateUrl: './toolbar-button.component.html',
   encapsulation: ViewEncapsulation.None,
+  styles: [
+    `
+      .app-toolbar-button button:focus {
+        background-color: #1f74db3d;
+        border: 2px solid #1f74db;
+        border-radius: 6px;
+      }
+    `,
+    `
+      .app-toolbar-button .mat-button-focus-overlay {
+        background-color: transparent !important;
+      }
+    `
+  ],
   host: { class: 'app-toolbar-button' }
 })
 export class ToolbarButtonComponent {