Add max height menu prop to FormSelectBase. Use it in move version dialog

packages/frontend-2/components/common/model/Select.vue

@@ -10,6 +10,7 @@
     :allow-unset="allowUnset"
     :label-id="labelId"
     :button-id="buttonId"
+    :menu-max-height-classes="`max-h-[30vh]`"
     :help="help"
     by="id"
   >

packages/ui-components/src/components/form/select/Base.vue

@@ -134,7 +134,10 @@
                     />
                   </div>
                 </label>
-                <div class="overflow-auto simple-scrollbar max-h-60 xl:max-h-80">
+                <div
+                  class="overflow-auto simple-scrollbar"
+                  :class="props.menuMaxHeightClasses || 'max-h-[50vh] xl:max-h-80'"
+                >
                   <div v-if="isAsyncSearchMode && isAsyncLoading" class="px-1">
                     <CommonLoadingBar :loading="true" />
                   </div>
@@ -490,6 +493,13 @@ const props = defineProps({
   menuOpenDirection: {
     type: String as PropType<'left' | 'right'>,
     default: 'left'
+  },
+  /**
+   * Custom max height classes for the dropdown menu. If not provided, defaults to 'max-h-[50vh] xl:max-h-80'
+   */
+  menuMaxHeightClasses: {
+    type: String,
+    default: undefined
   }
 })