[WEB-8510] fix(web): fix clipped/overlapping LayoutDropDown button in Create View modal (#9542)

Replaced the icon button styling with a more generic button styling for the dropdown component to ensure consistency across the UI. This change enhances the visual coherence of the dropdown button's appearance.
This commit is contained in:
Atul Tameshwari
2026-08-04 19:50:50 +05:30
committed by GitHub
parent a18177ce5e
commit c5951e7def

View File

@@ -11,11 +11,11 @@ import { ISSUE_LAYOUT_MAP } from "@plane/constants";
import { useTranslation } from "@plane/i18n";
import { CheckIcon } from "@plane/propel/icons";
import { EIssueLayoutTypes } from "@plane/types";
import { getButtonStyling } from "@plane/propel/button";
import { Dropdown } from "@plane/ui";
import { cn } from "@plane/utils";
// components
import { IssueLayoutIcon } from "@/components/issues/issue-layouts/layout-icon";
import { getIconButtonStyling } from "@plane/propel/icon-button";
type TLayoutDropDown = {
onChange: (value: EIssueLayoutTypes) => void;
@@ -74,7 +74,7 @@ export const LayoutDropDown = observer(function LayoutDropDown(props: TLayoutDro
value={value?.toString()}
keyExtractor={keyExtractor}
options={options}
buttonContainerClassName={cn(getIconButtonStyling("secondary", "lg"), "w-auto px-2")}
buttonContainerClassName={cn(getButtonStyling("secondary", "lg"))}
buttonContent={buttonContent}
renderItem={itemContent}
disableSearch