quickfix for LinkButton/ToolbarButton icon in safari (#6357)

TouK · Jul 10, 2024 · 2ee9d70 · 2ee9d70
1 parent ebee0b7
commit 2ee9d70
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/designer/client/src/components/toolbarComponents/toolbarButtons/ToolbarButtonStyled.tsx b/designer/client/src/components/toolbarComponents/toolbarButtons/ToolbarButtonStyled.tsx
@@ -2,11 +2,14 @@ import { styled } from "@mui/material";
 import { PANEL_BUTTON_SIZE } from "../../../stylesheets/variables";
 
 export const Icon = styled("div")({
-    flex: 1,
-    lineHeight: 0,
-    display: "flex",
-    flexDirection: "column",
-    width: PANEL_BUTTON_SIZE / 2,
+    // TODO: flatten nested usages 
+    "&, &>*": {
+        flex: 1,
+        lineHeight: 0,
+        display: "flex",
+        flexDirection: "column",
+        width: PANEL_BUTTON_SIZE / 2,
+    },
 });
 
 export const ToolbarButtonWrapper = styled("div")(() => ({