style(uikit-buttonmenu): Fix extra margin (#239)

hachiojidev · web-flow · commit 30fc9c6221c9 · 2021-08-11T16:21:48.000+09:00
diff --git a/packages/pancake-uikit/src/__tests__/components/buttonmenu.test.tsx b/packages/pancake-uikit/src/__tests__/components/buttonmenu.test.tsx
@@ -27,7 +27,6 @@ it("renders correctly", () => {
 
     .c0 > button,
     .c0 > a {
-      margin-left: 2px;
       -webkit-flex: auto;
       -ms-flex: auto;
       flex: auto;
diff --git a/packages/pancake-uikit/src/components/ButtonMenu/ButtonMenu.tsx b/packages/pancake-uikit/src/components/ButtonMenu/ButtonMenu.tsx
@@ -25,7 +25,6 @@ const StyledButtonMenu = styled.div<StyledButtonMenuProps>`
 
   & > button,
   & > a {
-    margin-left: ${({ fullWidth }) => (fullWidth ? "0px" : "2px")}; // To avoid focus shadow overlap
     flex: ${({ fullWidth }) => (fullWidth ? 1 : "auto")};
   }
 

Original file line number	Diff line number	Diff line change
@@ -25,7 +25,6 @@ const StyledButtonMenu = styled.div<StyledButtonMenuProps>`
`25`	`25`
`26`	`26`	`& > button,`
`27`	`27`	`& > a {`
`28`		`- margin-left: ${({ fullWidth }) => (fullWidth ? "0px" : "2px")}; // To avoid focus shadow overlap`
`29`	`28`	`flex: ${({ fullWidth }) => (fullWidth ? 1 : "auto")};`
`30`	`29`	`}`
`31`	`30`