fix: t#4095 notification number click

kaleidos-ventures · Oct 30, 2023 · 5154fee · 5154fee
1 parent cadb069
commit 5154fee
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 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
@@ -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
@@ -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>