fix: Floating toolbar overflow

2023-09-29 22:32:43 -04:00
parent aa79bc85f1
commit 2868ab2d00
2 changed files with 7 additions and 7 deletions
--- a/app/editor/components/ToolbarMenu.tsx
+++ b/app/editor/components/ToolbarMenu.tsx
@@ -17,12 +17,6 @@ type Props = {
  items: MenuItem[];
 };

-const FlexibleWrapper = styled.div`
-  color: ${s("textSecondary")};
-  display: flex;
-  gap: 8px;
-`;
-
 /*
 * Renders a dropdown menu in the floating toolbar.
 */
@@ -120,6 +114,13 @@ function ToolbarMenu(props: Props) {
  );
 }

+const FlexibleWrapper = styled.div`
+  color: ${s("textSecondary")};
+  overflow: hidden;
+  display: flex;
+  gap: 8px;
+`;
+
 const Arrow = styled(ExpandedIcon)`
  margin-right: -4px;
  color: ${s("textSecondary")};