From 522bc97b8c25529d33d842c8a7ba373311ad6209 Mon Sep 17 00:00:00 2001
From: Zuev <yegorzuev@gmail.com>
Date: Sat, 28 Mar 2026 14:28:13 +0300
Subject: [PATCH] =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20?=
 =?UTF-8?q?=D0=B2=D1=81=D0=BF=D0=BB=D1=8B=D0=B2=D0=B0=D1=8E=D1=89=D0=B8?=
 =?UTF-8?q?=D0=B9=20=D1=82=D0=B5=D0=BA=D1=81=D1=82=20=D1=83=20=D1=81=D0=B2?=
 =?UTF-8?q?=D1=91=D1=80=D0=BD=D1=83=D1=82=D0=BE=D0=B9=20=D0=B1=D0=BE=D0=BA?=
 =?UTF-8?q?=D0=BE=D0=B2=D0=BE=D0=B9=20=D0=BF=D0=B0=D0=BD=D0=B5=D0=BB=D0=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/admin/css/layout.css          | 42 +++++++++++++++++++++++--
 frontend/admin/settings/css/layout.css | 43 ++++++++++++++++++++++++--
 2 files changed, 79 insertions(+), 6 deletions(-)

diff --git a/frontend/admin/css/layout.css b/frontend/admin/css/layout.css
index 5a1866b..e08b63e 100755
--- a/frontend/admin/css/layout.css
+++ b/frontend/admin/css/layout.css
@@ -12,7 +12,7 @@
     left: 0;
     top: 0;
     bottom: 0;
-    z-index: 10;
+    z-index: 1000;
     transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background 0.4s ease, border-color 0.4s ease, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 
@@ -246,12 +246,47 @@
     }
     
     .sidebar.collapsed .logo span,
-    .sidebar.collapsed .nav-item span,
-    .sidebar.collapsed .btn-settings span,
     .sidebar.collapsed .settings-chevron {
         display: none;
     }
     
+    .sidebar.collapsed .nav-item span,
+    .sidebar.collapsed .btn-settings span {
+        position: absolute;
+        left: calc(100% + 10px);
+        top: 50%;
+        transform: translateY(-50%) translateX(-10px);
+        background: rgba(10, 10, 15, 0.95);
+        backdrop-filter: blur(16px);
+        -webkit-backdrop-filter: blur(16px);
+        color: var(--text-primary);
+        padding: 0.5rem 0.8rem;
+        border-radius: var(--radius-sm);
+        border: 1px solid var(--bg-card-border);
+        font-size: 0.85rem;
+        font-weight: 500;
+        white-space: nowrap;
+        opacity: 0;
+        visibility: hidden;
+        pointer-events: none;
+        transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
+        z-index: 1000;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+    }
+
+    [data-theme="light"] .sidebar.collapsed .nav-item span,
+    [data-theme="light"] .sidebar.collapsed .btn-settings span {
+        background: rgba(255, 255, 255, 0.95);
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+    }
+
+    .sidebar.collapsed .nav-item:hover span,
+    .sidebar.collapsed .btn-settings:hover span {
+        opacity: 1;
+        visibility: visible;
+        transform: translateY(-50%) translateX(0);
+    }
+    
     .sidebar.collapsed .sidebar-close-btn {
         transform: rotate(180deg);
     }
@@ -264,6 +299,7 @@
     .sidebar.collapsed .nav-item {
         justify-content: center;
         padding: 0.75rem 0;
+        overflow: visible;
     }
     
     .sidebar.collapsed .btn-settings {
diff --git a/frontend/admin/settings/css/layout.css b/frontend/admin/settings/css/layout.css
index 72790e4..0c66136 100644
--- a/frontend/admin/settings/css/layout.css
+++ b/frontend/admin/settings/css/layout.css
@@ -12,7 +12,7 @@
     left: 0;
     top: 0;
     bottom: 0;
-    z-index: 10;
+    z-index: 1000;
     transition: width 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background 0.4s ease, border-color 0.4s ease, transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
 }
 
@@ -135,6 +135,7 @@
     cursor: pointer;
     text-decoration: none;
     transition: background var(--transition), color var(--transition);
+    position: relative;
 }
 
 .btn-back:hover {
@@ -156,10 +157,45 @@
         width: 74px;
     }
     
-    .sidebar.collapsed .logo span,
+    .sidebar.collapsed .logo span {
+        display: none;
+    }
+    
     .sidebar.collapsed .nav-item span,
     .sidebar.collapsed .btn-back span {
-        display: none;
+        position: absolute;
+        left: calc(100% + 10px);
+        top: 50%;
+        transform: translateY(-50%) translateX(-10px);
+        background: rgba(10, 10, 15, 0.95);
+        backdrop-filter: blur(16px);
+        -webkit-backdrop-filter: blur(16px);
+        color: var(--text-primary);
+        padding: 0.5rem 0.8rem;
+        border-radius: var(--radius-sm);
+        border: 1px solid var(--bg-card-border);
+        font-size: 0.85rem;
+        font-weight: 500;
+        white-space: nowrap;
+        opacity: 0;
+        visibility: hidden;
+        pointer-events: none;
+        transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
+        z-index: 1000;
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
+    }
+
+    [data-theme="light"] .sidebar.collapsed .nav-item span,
+    [data-theme="light"] .sidebar.collapsed .btn-back span {
+        background: rgba(255, 255, 255, 0.95);
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+    }
+
+    .sidebar.collapsed .nav-item:hover span,
+    .sidebar.collapsed .btn-back:hover span {
+        opacity: 1;
+        visibility: visible;
+        transform: translateY(-50%) translateX(0);
     }
     
     .sidebar.collapsed .sidebar-close-btn {
@@ -174,6 +210,7 @@
     .sidebar.collapsed .nav-item {
         justify-content: center;
         padding: 0.75rem 0;
+        overflow: visible;
     }
     
     .sidebar.collapsed .btn-back {