fix(documents): move unread notice into bell

web/src/assets/styles/components/sidebar-rail.css

@@ -216,14 +216,12 @@
   flex: 1;
   min-width: 0;
   max-width: 128px;
-  position: relative;
-  display: inline-flex;
-  align-items: center;
   color: currentColor;
   font-size: 14px;
   font-weight: 700;
   white-space: nowrap;
-  overflow: visible;
+  overflow: hidden;
+  text-overflow: ellipsis;
   opacity: 1;
   transition:
     max-width var(--rail-motion-duration) var(--rail-motion-ease),
@@ -232,16 +230,6 @@
   will-change: max-width, opacity, transform;
 }
 
-.nav-label-text {
-  position: relative;
-  min-width: 0;
-  max-width: 100%;
-  display: inline-flex;
-  align-items: center;
-  overflow: visible;
-  line-height: 1.2;
-}
-
 .nav-badge {
   flex: 0 0 auto;
   min-width: 34px;
@@ -263,27 +251,6 @@
   will-change: min-width, max-width, padding, opacity;
 }
 
-.nav-unread-dot {
-  width: 9px;
-  height: 9px;
-  border: 2px solid #fff;
-  border-radius: 999px;
-  background: #ef4444;
-  box-shadow:
-    0 0 0 3px rgba(239, 68, 68, 0.12),
-    0 6px 14px rgba(239, 68, 68, 0.32);
-}
-
-.nav-unread-dot-label {
-  position: absolute;
-  top: -8px;
-  right: -10px;
-}
-
-.nav-unread-dot-collapsed {
-  display: none;
-}
-
 .rail-user {
   position: relative;
   min-width: 0;
@@ -493,19 +460,6 @@
   transition-delay: 0ms;
 }
 
-.rail-collapsed .nav-unread-dot-label {
-  display: none;
-}
-
-.rail-collapsed .nav-unread-dot-collapsed {
-  position: absolute;
-  display: block;
-  top: 10px;
-  right: 11px;
-  width: 9px;
-  height: 9px;
-}
-
 .rail-collapsed {
   overflow: visible;
 }