make both life cycle project settings and definitions list behave whe…

…n name is too long
opf · Dec 18, 2024 · fa28669 · fa28669
1 parent 0d0bc89
commit fa28669
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/app/components/projects/settings/life_cycle_steps/step_component.html.erb b/app/components/projects/settings/life_cycle_steps/step_component.html.erb
@@ -1,11 +1,11 @@
 <%=
   flex_layout(align_items: :center,
               justify_content: :space_between) do |step_container|
-    step_container.with_column(flex_layout: true) do |title_container|
-      title_container.with_column(pt: 1, mr: 3) do
+    step_container.with_column(flex_layout: true, mr: 2, classes: "min-width-0") do |title_container|
+      title_container.with_column(pt: 1, mr: 3, classes: "ellipsis") do
         render(Primer::Beta::Text.new(classes: 'filter-target-visible-text')) { definition.name }
       end
-      title_container.with_column(pt: 1) do
+      title_container.with_column(pt: 1, classes: "no-wrap") do
         render(Projects::LifeCycleTypeComponent.new(definition))
       end
     end

diff --git a/app/components/settings/project_life_cycle_step_definitions/row_component.html.erb b/app/components/settings/project_life_cycle_step_definitions/row_component.html.erb
@@ -29,15 +29,15 @@ See COPYRIGHT and LICENSE files for more details.
 
 <%=
   flex_layout(align_items: :center, justify_content: :space_between) do |row_container|
-    row_container.with_column(flex_layout: true, classes: "gap-2") do |title_container|
+    row_container.with_column(flex_layout: true, classes: "gap-2 min-width-0") do |title_container|
       if allowed_to_customize_life_cycle?
         title_container.with_column do
           render(Primer::OpenProject::DragHandle.new(
             data: { "projects--settings--border-box-filter-target": "hideWhenFiltering" }
           ))
         end
       end
-      title_container.with_column do
+      title_container.with_column(classes: "ellipsis") do
         render(
           if allowed_to_customize_life_cycle?
             Primer::Beta::Link.new(
@@ -57,7 +57,7 @@ See COPYRIGHT and LICENSE files for more details.
       title_container.with_column do
         render(Projects::LifeCycleTypeComponent.new(definition))
       end
-      title_container.with_column do
+      title_container.with_column(classes: "no-wrap") do
         render(Primer::Beta::Text.new) { t("project.count", count: definition.project_count) }
       end
     end