From 030be0cbdc41833f83eccba2f9489b03e92c7555 Mon Sep 17 00:00:00 2001
From: Dotnara Condori <dottykurmi123@gmail.com>
Date: Fri, 13 Dec 2024 14:24:48 -0400
Subject: [PATCH] [TM-1559] change style in sidebar site view version dropdown
 (#742)

---
 .../components/PolygonDrawer/components/VersionHistory.tsx     | 3 ++-
 src/components/elements/Inputs/Dropdown/Dropdown.tsx           | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/components/VersionHistory.tsx b/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/components/VersionHistory.tsx
index aced65845..3dff79d6f 100644
--- a/src/admin/components/ResourceTabs/PolygonReviewTab/components/PolygonDrawer/components/VersionHistory.tsx
+++ b/src/admin/components/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
index 224654044..b6815374e 100644
--- 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,