From ecd24684b1a4e9b897542f7b32979b3435e6dada Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Wed, 3 Jul 2024 14:37:16 +0200 Subject: [PATCH] Fix stacking of notification dot An upcoming change in Angular Material (https://github.com/angular/components/pull/29291) changes the `z-index` of icons which ended up putting it behind the notification dot. This change adds an explicit `z-index` to the dot to ensure that it's on top of the icon. --- .../_views/notification_center_component.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/tensorboard/webapp/notification_center/_views/notification_center_component.scss b/tensorboard/webapp/notification_center/_views/notification_center_component.scss index 1a01d28112..93a3d64fb7 100644 --- a/tensorboard/webapp/notification_center/_views/notification_center_component.scss +++ b/tensorboard/webapp/notification_center/_views/notification_center_component.scss @@ -28,6 +28,7 @@ limitations under the License. right: 10px; top: 10px; width: $_dim; + z-index: 2; } ::ng-deep .notification-menu.mat-mdc-menu-panel {