Improve handling of long text in conditions

AdrienClairembault · trasher · commit 041916742932 · 2025-05-13T13:36:35.000+02:00
diff --git a/css/includes/components/form/_form-editor.scss b/css/includes/components/form/_form-editor.scss
@@ -395,7 +395,11 @@ input.value-selector {
 }
 
 .visibility-dropdown-card {
-    width: 700px;
+    min-width: 700px;
+    width: fit-content;
+
+    // Add scrolling as a last ressort, will not happen most of the time
+    overflow: scroll;
 }
 
 [data-glpi-form-editor-block] {
diff --git a/templates/pages/admin/form/conditional_visibility_dropdown.html.twig b/templates/pages/admin/form/conditional_visibility_dropdown.html.twig
@@ -82,7 +82,7 @@
             {% endfor %}
         </button>
         <div
-            class="dropdown-menu dropdown-menu-end dropdown-menu-card animate__animated animate__zoomIn"
+            class="dropdown-menu dropdown-menu-card animate__animated animate__zoomIn"
         >
             <div class="card visibility-dropdown-card">
                 <div class="card-body">

Original file line number	Diff line number	Diff line change
`@@ -395,7 +395,11 @@ input.value-selector {`
`395`	`395`	`}`
`396`	`396`
`397`	`397`	`.visibility-dropdown-card {`
`398`		`- width: 700px;`
	`398`	`+ min-width: 700px;`
	`399`	`+ width: fit-content;`
	`400`	`+`
	`401`	`+ // Add scrolling as a last ressort, will not happen most of the time`
	`402`	`+ overflow: scroll;`
`399`	`403`	`}`
`400`	`404`
`401`	`405`	`[data-glpi-form-editor-block] {`
Original file line number	Diff line number	Diff line change
`@@ -82,7 +82,7 @@`
`82`	`82`	`{% endfor %}`
`83`	`83`	`</button>`
`84`	`84`	`<div`
`85`		`- class="dropdown-menu dropdown-menu-end dropdown-menu-card animate__animated animate__zoomIn"`
	`85`	`+ class="dropdown-menu dropdown-menu-card animate__animated animate__zoomIn"`
`86`	`86`	`>`
`87`	`87`	`<div class="card visibility-dropdown-card">`
`88`	`88`	`<div class="card-body">`