Change dropdown to expand and shrink based on space

phac-nml · Nov 12, 2024 · 637c191 · 637c191
1 parent c54350e
commit 637c191
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 22 deletions.
diff --git a/app/views/groups/_form_fields.html.erb b/app/views/groups/_form_fields.html.erb
@@ -32,18 +32,20 @@
           >
             <%= root_url %>
           </div>
-          <%= viral_select2(form:, name: :parent_id, placeholder: t(:"groups.new_subgroup.select_group")) do |select| %>
-            <% authorized_namespaces.each do |namespace| %>
-              <% select.with_option(
-                primary: namespace.full_path,
-                secondary: namespace.puid,
-                value: namespace.id,
-              ) %>
+          <div class="flex-1">
+            <%= viral_select2(form:, name: :parent_id, placeholder: t(:"groups.new_subgroup.select_group")) do |select| %>
+              <% authorized_namespaces.each do |namespace| %>
+                <% select.with_option(
+                  primary: namespace.full_path,
+                  secondary: namespace.puid,
+                  value: namespace.id,
+                ) %>
+              <% end %>
+              <%= select.with_empty_state do %>
+                <%= t(:"groups.new_subgroup.empty_state") %>
+              <% end %>
             <% end %>
-            <%= select.with_empty_state do %>
-              <%= t(:"groups.new_subgroup.empty_state") %>
-            <% end %>
-          <% end %>
+          </div>
           <div class="ml-4 dark:text-slate-200">/</div>
         </div>
       </div>

diff --git a/app/views/projects/_project_namespace_fields.erb b/app/views/projects/_project_namespace_fields.erb
@@ -25,18 +25,20 @@
       >
         <%= root_url %>
       </div>
-      <%= viral_select2(form: builder, name: :parent_id, placeholder: t(:"projects.new.select_namespace")) do |select| %>
-        <% authorized_namespaces.each do |namespace| %>
-          <% select.with_option(
-            primary: namespace.full_path,
-            secondary: namespace.puid,
-            value: namespace.id,
-          ) %>
+      <div class="flex-1">
+        <%= viral_select2(form: builder, name: :parent_id, placeholder: t(:"projects.new.select_namespace")) do |select| %>
+          <% authorized_namespaces.each do |namespace| %>
+            <% select.with_option(
+              primary: namespace.full_path,
+              secondary: namespace.puid,
+              value: namespace.id,
+            ) %>
+          <% end %>
+          <%= select.with_empty_state do %>
+            <%= t(:"projects.new.empty_state") %>
+          <% end %>
         <% end %>
-        <%= select.with_empty_state do %>
-          <%= t(:"projects.new.empty_state") %>
-        <% end %>
-      <% end %>
+      </div>
       <div class="ml-4 dark:text-slate-200">/</div>
     </div>
   </div>