From 5d12b8710d4b70223ae235955d624e0e1e6af7bf Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ji=C5=99=C3=AD=20Vyhn=C3=A1lek?= Date: Fri, 9 Jun 2023 12:15:48 +0200 Subject: [PATCH] fix: Drowdown in HC theme no longer has extra outline --- .../src/themes/teams-forced-colors/componentStyles.ts | 1 + .../components/Dropdown/dropdownStyles.ts | 9 +++++++++ 2 files changed, 10 insertions(+) create mode 100644 packages/fluentui/react-northstar/src/themes/teams-forced-colors/components/Dropdown/dropdownStyles.ts diff --git a/packages/fluentui/react-northstar/src/themes/teams-forced-colors/componentStyles.ts b/packages/fluentui/react-northstar/src/themes/teams-forced-colors/componentStyles.ts index 260ba6aebeead..915ec27f2502e 100644 --- a/packages/fluentui/react-northstar/src/themes/teams-forced-colors/componentStyles.ts +++ b/packages/fluentui/react-northstar/src/themes/teams-forced-colors/componentStyles.ts @@ -1,5 +1,6 @@ export { buttonStyles as Button } from './components/Button/buttonStyles'; export { checkboxStyles as Checkbox } from './components/Checkbox/checkboxStyles'; +export { dropdownStyles as Dropdown } from './components/Dropdown/dropdownStyles'; export { dropdownItemStyles as DropdownItem } from './components/Dropdown/dropdownItemStyles'; export { svgIconStyles as SvgIcon } from './components/SvgIcon/svgIconStyles'; export { menuItemWrapperStyles as MenuItemWrapper } from './components/Menu/menuItemWrapperStyles'; diff --git a/packages/fluentui/react-northstar/src/themes/teams-forced-colors/components/Dropdown/dropdownStyles.ts b/packages/fluentui/react-northstar/src/themes/teams-forced-colors/components/Dropdown/dropdownStyles.ts new file mode 100644 index 0000000000000..b8ad0f3579e42 --- /dev/null +++ b/packages/fluentui/react-northstar/src/themes/teams-forced-colors/components/Dropdown/dropdownStyles.ts @@ -0,0 +1,9 @@ +import { ComponentSlotStylesPrepared } from '@fluentui/styles'; +import { DropdownStylesProps } from '../../../../components/Dropdown/Dropdown'; +import { DropdownVariables } from '../../../teams/components/Dropdown/dropdownVariables'; + +export const dropdownStyles: ComponentSlotStylesPrepared = { + triggerButton: () => ({ + border: 'none', // there is already border around the whole Dropdown + }), +};