From 5aa2a747cc3fae4ec06135bc14bbfad8312e13c4 Mon Sep 17 00:00:00 2001
From: gabriellsh <40830821+gabriellsh@users.noreply.github.com>
Date: Tue, 13 Oct 2020 19:06:47 -0300
Subject: [PATCH] fix: Sidebar menu positioning (#296)

---
 packages/fuselage/src/components/Sidebar/styles.scss | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/packages/fuselage/src/components/Sidebar/styles.scss b/packages/fuselage/src/components/Sidebar/styles.scss
index e09d739f..601425b5 100644
--- 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,9 +153,6 @@ $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%);
     }
@@ -163,9 +160,11 @@ $sidebar-item-color-selected: theme('sidebar-item-color-selected', colors.foregr
     &__menu-wraper {
       position: relative;
 
-      height: 100%;
+      flex-shrink: 0;
 
-      padding-inline: 0;
+      width: 0;
+
+      height: 100%;
 
       opacity: 0;
     }
-- 
GitLab