tata

Bootstrap_new/css/style_office.css

@@ -132,6 +132,49 @@ body {
     pointer-events: none;
 }
 
+/* Texte normal */
+.app-sidebar .nav-link .nav-text {
+  display: inline;
+  opacity: 1;
+  transition: opacity var(--transition-speed) ease;
+}
+
+/* En mode réduit : cacher le texte inline */
+body.sidebar-collapsed .app-sidebar .nav-link .nav-text {
+  display: none;
+}
+
+/* Overlay flottant au survol */
+body.sidebar-collapsed .app-sidebar .nav-link {
+  position: relative;
+}
+
+body.sidebar-collapsed .app-sidebar .nav-link:hover::after {
+  content: attr(data-label); /* récupère le texte via attribut */
+  position: absolute;
+  top: 50%;
+  left: 100%; /* sort du sidebar */
+  transform: translateY(-50%) translateX(0);
+  background: var(--office-primary);
+  color: #fff;
+  padding: 6px 12px;
+  border-radius: 4px;
+  white-space: nowrap;
+  font-size: 14px;
+  margin-left: 8px;
+  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity var(--transition-speed) ease, transform var(--transition-speed) ease;
+  z-index: 2000;
+}
+
+body.sidebar-collapsed .app-sidebar .nav-link:hover::after {
+  opacity: 1;
+  transform: translateY(-50%) translateX(5px); /* petit slide */
+}
+
+
 .sidebar-nav {
     padding: 24px 0;
 }