Fix enum config select element being clipped in session config panel

edgedb · Feb 23, 2024 · 5baed33 · 5baed33
1 parent edc85bd
commit 5baed33
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/shared/studio/components/sessionState/index.tsx b/shared/studio/components/sessionState/index.tsx
@@ -487,7 +487,14 @@ function ListItem({
         ) : null}
       </div>
 
-      <div className={cn(styles.itemValue, {[styles.inactive]: !active})}>
+      <div
+        className={cn(styles.itemValue, {
+          [styles.inactive]: !active,
+          [styles.noOverflow]: !(
+            type.schemaType === "Scalar" && type.enum_values != null
+          ),
+        })}
+      >
         {active ? (
           <>
             <Input

diff --git a/shared/studio/components/sessionState/sessionState.module.scss b/shared/studio/components/sessionState/sessionState.module.scss
@@ -616,13 +616,15 @@
     align-items: center;
     min-height: 32px;
     min-width: 0;
-    overflow-x: auto;
-
-    @include hideScrollbar;
 
     @include darkTheme {
       --select-option-color: #adadad;
     }
+
+    &.noOverflow {
+      overflow-x: auto;
+      @include hideScrollbar;
+    }
   }
 
   .setNullButton {