[TM-1559] change style in sidebar site view version dropdown (#742)

wri · Dec 13, 2024 · 030be0c · 030be0c
1 parent 1a97ce7
commit 030be0c
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/...ents/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/components/VersionHistory.tsx b/...ents/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/components/VersionHistory.tsx
@@ -358,10 +358,11 @@ const VersionHistory = ({
             suffixLabelView={true}
             labelClassName="capitalize"
             labelVariant="text-14-light"
-            optionsClassName="!h-[182px] lg:!h-[195px] wide:h-[266px]"
+            optionsClassName="!max-h-[182px] lg:!max-h-[195px] wide:max-h-[266px]"
             placeholder="Select Polygon Version"
             options={polygonVersionData ?? []}
             optionVariant="text-12-light"
+            titleClassname="one-line-text !w-[96%] !text-nowrap"
             defaultValue={[selectPolygonVersion?.uuid ?? selectedPolygon?.uuid] as string[]}
             onChange={e => {
               const polygonVersionData = (data as SitePolygonsDataResponse)?.find(item => item.uuid === e[0]);

diff --git a/src/components/elements/Inputs/Dropdown/Dropdown.tsx b/src/components/elements/Inputs/Dropdown/Dropdown.tsx
@@ -59,6 +59,7 @@ export interface DropdownProps {
   onClear?: () => void;
   onInternalError?: (error: ErrorOption) => void;
   showSelectAll?: boolean;
+  titleClassname?: string;
 }
 const otherKey = "other#value#key";
 const getAllowedValues = (values: OptionValue[], options: Option[]) =>
@@ -208,7 +209,7 @@ const Dropdown = (props: PropsWithChildren<DropdownProps>) => {
               <div className={tw("flex items-center gap-2", variant.titleContainerClassName)}>
                 <Text
                   variant={props.inputVariant ?? "text-14-light"}
-                  className={tw("w-full", variant.titleClassname)}
+                  className={tw("w-full", variant.titleClassname, props.titleClassname)}
                   title={formatSelectedValues(
                     selected,
                     options,