fix: Sidebar menu positioning (#296)

RocketChat · Oct 13, 2020 · 5aa2a74 · 5aa2a74
1 parent 6b115eb
commit 5aa2a74
Showing 1 changed file with 5 additions and 6 deletions.
diff --git a/packages/fuselage/src/components/Sidebar/styles.scss b/packages/fuselage/src/components/Sidebar/styles.scss
@@ -144,7 +144,7 @@ $sidebar-item-color-selected: theme('sidebar-item-color-selected', colors.foregr
 
     &:hover &__menu-wraper,
     &:focus-within &__menu-wraper {
-      padding-inline: lengths.padding(16);
+      width: lengths.size(28);
 
       opacity: 1;
     }
@@ -153,19 +153,18 @@ $sidebar-item-color-selected: theme('sidebar-item-color-selected', colors.foregr
       position: absolute;
 
       top: 50%;
-      right: 0;
-
-      margin-inline: lengths.margin(-8);
 
       transform: translateY(-50%);
     }
 
     &__menu-wraper {
       position: relative;
 
-      height: 100%;
+      flex-shrink: 0;
 
-      padding-inline: 0;
+      width: 0;
+
+      height: 100%;
 
       opacity: 0;
     }