Remove Sidebar text hover rule

fictoan · Feb 12, 2024 · 4f22f9f · 4f22f9f
1 parent 37135fd
commit 4f22f9f
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 13 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -13,7 +13,7 @@
 - Add generic block-level sectioning elements as custom components. Eg `<Div>`, `<Section>`, `<Article>` etc
 - Add copy code to clipboard for `CodeBlock` 
 - Add `RadioTabGroup` component
-- Convert all millisecond values to seconds 
+- Convert all millisecond values to seconds
 
 #### ⚠️ BREAKING CHANGES ⚠️
 - Remove `ThemeProvider` and `theme` prop from all components

diff --git a/src/components/Sidebar/SidebarWrapper/sidebar-wrapper.css b/src/components/Sidebar/SidebarWrapper/sidebar-wrapper.css
@@ -46,18 +46,22 @@
             position : absolute;
         }
 
-        [data-sidebar-item]:hover [data-sidebar-item-icon] + [data-sidebar-item-text] {
-            display          : flex;
-            position         : fixed;
-            left             : 40px;
-            align-self       : center;
-            border-radius    : var(--sidebar-collapsed-item-border-radius);
-            padding          : 4px 8px;
-            background-color : var(--sidebar-collapsed-item-bg);
-            color            : var(--sidebar-collapsed-item-link-text);
-            font-size        : 88%;
-            box-shadow       : 0 4px 16px -2px rgba(0, 0, 0, 0.24);
-        }
+        /* TEMPORARY FIX */
+        /* Impossible to fix this using the current implementation, and need */
+        /* to find a better solution. Temporarily removing this feature. */
+        /* ================================================================== */
+        /*[data-sidebar-item]:hover [data-sidebar-item-icon] + [data-sidebar-item-text] {*/
+        /*    display          : flex;*/
+        /*    position         : fixed;*/
+        /*    left             : 40px;*/
+        /*    align-self       : center;*/
+        /*    border-radius    : var(--sidebar-collapsed-item-border-radius);*/
+        /*    padding          : 4px 8px;*/
+        /*    background-color : var(--sidebar-collapsed-item-bg);*/
+        /*    color            : var(--sidebar-collapsed-item-link-text);*/
+        /*    font-size        : 88%;*/
+        /*    box-shadow       : 0 4px 16px -2px rgba(0, 0, 0, 0.24);*/
+        /*}*/
 
         [data-sidebar-foooter] { padding-left : 0; }
     }