Fix header dropdown button style (#9599)

This commit is contained in:
Marie
2025-01-14 12:13:26 +01:00
committed by GitHub
parent 6fc691beb0
commit 35d165dbe9
6 changed files with 44 additions and 29 deletions

View File

@ -9,6 +9,7 @@ import { ObjectOptionsContentId } from '@/object-record/object-options-dropdown/
import { TableOptionsHotkeyScope } from '@/object-record/record-table/types/TableOptionsHotkeyScope';
import { Dropdown } from '@/ui/layout/dropdown/components/Dropdown';
import { StyledHeaderDropdownButton } from '@/ui/layout/dropdown/components/StyledHeaderDropdownButton';
import { useDropdown } from '@/ui/layout/dropdown/hooks/useDropdown';
import { ViewType } from '@/views/types/ViewType';
type ObjectOptionsDropdownProps = {
@ -25,6 +26,8 @@ export const ObjectOptionsDropdown = ({
const { currentContentId, handleContentChange, handleResetContent } =
useCurrentContentId<ObjectOptionsContentId>();
const { isDropdownOpen } = useDropdown(OBJECT_OPTIONS_DROPDOWN_ID);
return (
<Dropdown
dropdownId={OBJECT_OPTIONS_DROPDOWN_ID}
@ -32,7 +35,9 @@ export const ObjectOptionsDropdown = ({
dropdownMenuWidth={DROPDOWN_WIDTH}
dropdownOffset={{ y: DROPDOWN_OFFSET_Y }}
clickableComponent={
<StyledHeaderDropdownButton>Options</StyledHeaderDropdownButton>
<StyledHeaderDropdownButton isUnfolded={isDropdownOpen}>
Options
</StyledHeaderDropdownButton>
}
onClose={handleResetContent}
dropdownComponents={