From 5154fee221a7f16987bd598e628cbb1c65cf4aa9 Mon Sep 17 00:00:00 2001
From: Juanfran <juanfran.ag@gmail.com>
Date: Mon, 30 Oct 2023 15:11:43 +0100
Subject: [PATCH] fix: t#4095 notification number click

---
 .../navigation/navigation.component.css       |  1 +
 .../navigation/navigation.component.html      | 23 +++++++++++--------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/javascript/apps/taiga/src/app/shared/navigation/navigation.component.css b/javascript/apps/taiga/src/app/shared/navigation/navigation.component.css
index 98d4af763..b420e9ea1 100644
--- a/javascript/apps/taiga/src/app/shared/navigation/navigation.component.css
+++ b/javascript/apps/taiga/src/app/shared/navigation/navigation.component.css
@@ -120,6 +120,7 @@ Copyright (c) 2023-present Kaleidos INC
   display: flex;
   font-size: 0.688rem;
   font-weight: var(--font-weight-medium);
+  inset-block-start: 0;
   inset-inline-end: 0;
   justify-content: center;
   position: absolute;
diff --git a/javascript/apps/taiga/src/app/shared/navigation/navigation.component.html b/javascript/apps/taiga/src/app/shared/navigation/navigation.component.html
index 8c276b113..32536a181 100644
--- a/javascript/apps/taiga/src/app/shared/navigation/navigation.component.html
+++ b/javascript/apps/taiga/src/app/shared/navigation/navigation.component.html
@@ -87,15 +87,6 @@
           [content]="notificationsDropdown"
           [(open)]="openNotificationsDropdown">
           <div class="count-notifications-wrapper">
-            <span
-              *ngIf="notificationsCount() > 0"
-              class="count-notifications"
-              [class.count-overflow]="notificationsCount() > 99">
-              <ng-container *ngIf="notificationsCount() > 99">+99</ng-container>
-              <ng-container *ngIf="notificationsCount() <= 99">{{
-                notificationsCount()
-              }}</ng-container>
-            </span>
             <button
               class="notifications-action"
               type="button"
@@ -105,7 +96,19 @@
               aria-haspopup="true"
               icon="bell"
               data-test="notifications-button"
-              [attr.aria-label]="t('navigation.notifications.title')"></button>
+              [attr.aria-label]="t('navigation.notifications.title')">
+              <span
+                *ngIf="notificationsCount() > 0"
+                class="count-notifications"
+                [class.count-overflow]="notificationsCount() > 99">
+                <ng-container *ngIf="notificationsCount() > 99"
+                  >+99</ng-container
+                >
+                <ng-container *ngIf="notificationsCount() <= 99">{{
+                  notificationsCount()
+                }}</ng-container>
+              </span>
+            </button>
           </div>
         </tui-hosted-dropdown>
       </div>