Fixes AB#461: content not being display on keyboard focus

Azure · May 3, 2023 · 0d08c96 · 0d08c96
1 parent 6151cc5
commit 0d08c96
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/app/components/gallery/application-list/gallery-application-list.html b/src/app/components/gallery/application-list/gallery-application-list.html
@@ -7,7 +7,8 @@
     class="application"
     [class.active]="application.id === active?.applicationId && application.portfolioId === active?.portfolioId"
     [attr.aria-selected]="application.id === active?.applicationId && application.portfolioId === active?.portfolioId"
-    [title]="application.description"
+    [matTooltip]="application.description"
+    matTooltipClass="tooltip"
     (do)="selectApplication(application)">
     <img class="logo" [src]="application.icon" alt="Logo of {{application.name}}">
     <div class="name">{{application.name}}</div>

diff --git a/src/app/components/gallery/application-list/gallery-application-list.scss b/src/app/components/gallery/application-list/gallery-application-list.scss
@@ -1,6 +1,5 @@
 @import "app/styles/variables";
 
-
 bl-gallery-application-list {
     .application {
         vertical-align: bottom;
@@ -46,4 +45,8 @@ bl-gallery-application-list {
             width: 140px;
         }
     }
+
+    .tooltip {
+        font-size: 11px;
+    }
 }