From ba9668c295a01d1ce5dbe039c00b7c54d99e4f97 Mon Sep 17 00:00:00 2001 From: Charles Date: Thu, 27 Jul 2023 09:20:15 -0300 Subject: [PATCH 1/2] fix: remove margin from icon when ToolbarButton is vertical --- .../components/ToolbarButton/useToolbarButtonStyles.styles.ts | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/react-components/react-toolbar/src/components/ToolbarButton/useToolbarButtonStyles.styles.ts b/packages/react-components/react-toolbar/src/components/ToolbarButton/useToolbarButtonStyles.styles.ts index 1163e0a32b042c..421490806dbab4 100644 --- a/packages/react-components/react-toolbar/src/components/ToolbarButton/useToolbarButtonStyles.styles.ts +++ b/packages/react-components/react-toolbar/src/components/ToolbarButton/useToolbarButtonStyles.styles.ts @@ -1,4 +1,4 @@ -import { makeStyles, mergeClasses } from '@griffel/react'; +import { makeStyles, mergeClasses, shorthands } from '@griffel/react'; import { useButtonStyles_unstable } from '@fluentui/react-button'; import { ToolbarButtonState } from './ToolbarButton.types'; @@ -8,6 +8,7 @@ const useBaseStyles = makeStyles({ }, verticalIcon: { fontSize: '24px', + ...shorthands.margin('0'), }, }); From 32a2eb319456e5a96489076c9f3e756726d00006 Mon Sep 17 00:00:00 2001 From: Charles Date: Thu, 27 Jul 2023 09:26:49 -0300 Subject: [PATCH 2/2] chore: add changes --- ...react-toolbar-d17fdf5d-7561-468e-b616-f1bbe8f690d5.json | 7 +++++++ 1 file changed, 7 insertions(+) create mode 100644 change/@fluentui-react-toolbar-d17fdf5d-7561-468e-b616-f1bbe8f690d5.json diff --git a/change/@fluentui-react-toolbar-d17fdf5d-7561-468e-b616-f1bbe8f690d5.json b/change/@fluentui-react-toolbar-d17fdf5d-7561-468e-b616-f1bbe8f690d5.json new file mode 100644 index 00000000000000..9c0e1418bfe27e --- /dev/null +++ b/change/@fluentui-react-toolbar-d17fdf5d-7561-468e-b616-f1bbe8f690d5.json @@ -0,0 +1,7 @@ +{ + "type": "patch", + "comment": "Remove margin from Icon in ToolbarButton when vertical prop is passed", + "packageName": "@fluentui/react-toolbar", + "email": "chassunc@microsoft.com", + "dependentChangeType": "patch" +}