From 6c8c7bf98e754ea36883a641953c407c6a922cbd Mon Sep 17 00:00:00 2001
From: waterplea <alexander@inkin.ru>
Date: Mon, 6 Jan 2025 13:23:56 +0400
Subject: [PATCH] chore: fix

---
 .../components/header/navigation.component.ts | 31 ++++++-------------
 1 file changed, 9 insertions(+), 22 deletions(-)

diff --git a/web/projects/ui/src/app/routes/portal/components/header/navigation.component.ts b/web/projects/ui/src/app/routes/portal/components/header/navigation.component.ts
index 654ad0285..c81990802 100644
--- a/web/projects/ui/src/app/routes/portal/components/header/navigation.component.ts
+++ b/web/projects/ui/src/app/routes/portal/components/header/navigation.component.ts
@@ -23,8 +23,9 @@ import { getMenu } from 'src/app/utils/system-utilities'
         class="link"
         routerLinkActive="link_active"
         tuiHintDirection="bottom"
+        [tuiHintShowDelay]="1000"
         [routerLink]="item.routerLink"
-        [tuiHint]="$index > 3 && !rla.isActive ? item.name : ''"
+        [tuiHint]="!rla.isActive ? item.name : ''"
       >
         <tui-badged-content
           [style.--tui-radius.%]="50"
@@ -51,8 +52,7 @@ import { getMenu } from 'src/app/utils/system-utilities'
         display: flex;
         backdrop-filter: blur(1rem);
         border-radius: inherit;
-        padding-inline-end: 0.75rem;
-        margin-inline-end: -0.4375rem;
+        margin-inline-end: 0.875rem;
         isolation: isolate;
       }
 
@@ -62,7 +62,7 @@ import { getMenu } from 'src/app/utils/system-utilities'
         display: grid;
         grid-template-columns: 1.5rem 0fr;
         align-items: center;
-        padding: 0 0 0 1rem;
+        padding: 0 0.5rem;
         margin: 0;
         border-radius: inherit;
         color: var(--tui-text-secondary);
@@ -103,23 +103,13 @@ import { getMenu } from 'src/app/utils/system-utilities'
           }
         }
 
-        &:nth-child(1):hover,
-        &:nth-child(2):hover,
-        &:nth-child(3):hover,
-        &:nth-child(4):hover {
-          grid-template-columns: 1.5rem 1fr;
-
-          span {
-            opacity: 1;
-          }
-        }
-
         &_active {
           grid-template-columns: 1.5rem 1fr;
           padding: 0 1rem;
-          margin: 0 var(--bumper);
+          margin: 0 calc(var(--bumper) + 0.5rem);
 
           + .link::before {
+            left: -0.5rem;
             border-top-left-radius: var(--bumper);
             border-bottom-left-radius: var(--bumper);
           }
@@ -135,16 +125,13 @@ import { getMenu } from 'src/app/utils/system-utilities'
         }
 
         &:has(+ .link_active)::before {
+          right: -0.5rem;
           border-top-right-radius: var(--bumper);
           border-bottom-right-radius: var(--bumper);
         }
 
-        &:has(~ .link_active) {
-          padding: 0 1rem 0 0;
-        }
-
         &:first-child {
-          padding-inline-start: 1rem !important;
+          padding: 0 0.5rem 0 1rem !important;
           margin-inline-start: 0;
 
           &::before {
@@ -153,10 +140,10 @@ import { getMenu } from 'src/app/utils/system-utilities'
         }
 
         &:last-child {
-          padding-inline-end: 1rem !important;
           margin-inline-end: 0;
 
           &::before {
+            right: -0.5rem;
             border-top-right-radius: inherit;
             border-bottom-right-radius: inherit;
           }