fix switch cohort window getting clipped when zoomed in for accessibi…

…lity
microsoft · Nov 27, 2023 · 42cee74 · 42cee74
1 parent 96b3574
commit 42cee74
Showing 1 changed file with 14 additions and 2 deletions.
diff --git a/libs/model-assessment/src/lib/ModelAssessmentDashboard/Cohort/ShiftCohort.tsx b/libs/model-assessment/src/lib/ModelAssessmentDashboard/Cohort/ShiftCohort.tsx
@@ -107,8 +107,20 @@ export class ShiftCohort extends React.Component<
           },
           isBlocking: true
         }}
-        minWidth={740}
-        maxWidth={1000}
+        styles={{
+          main: {
+            selectors: {
+              "@media (max-width: 740px)": {
+                maxWidth: "740px",
+                minWidth: "100px"
+              },
+              "@media (min-width: 740px)": {
+                maxWidth: "1000px",
+                minWidth: "740px"
+              }
+            }
+          }
+        }}
       >
         <Dropdown
           placeholder={localizationBase.selectCohort}