IBX-5635: [Payments] Missing placeholder after removing all items fro…

…m the filter (#771)
ibexa · Apr 27, 2023 · e64e105 · e64e105
1 parent 40c1325
commit e64e105
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 11 deletions.
diff --git a/src/bundle/Resources/public/scss/_dropdown.scss b/src/bundle/Resources/public/scss/_dropdown.scss
@@ -30,7 +30,7 @@
         cursor: pointer;
         display: flex;
         align-items: center;
-        flex-wrap: wrap;
+        flex-wrap: nowrap;
         margin-bottom: 0;
         transition: all $ibexa-admin-transition-duration $ibexa-admin-transition;
 
@@ -426,7 +426,7 @@
     &--overflow {
         .ibexa-dropdown {
             &__selected-item {
-                max-width: calc(100% - #{calculateRem(96px)});
+                max-width: calc(100% - #{calculateRem(40px)});
             }
         }
     }

diff --git a/src/bundle/Resources/views/themes/admin/ui/component/dropdown/dropdown.html.twig b/src/bundle/Resources/views/themes/admin/ui/component/dropdown/dropdown.html.twig
@@ -67,15 +67,7 @@
                 {% endif %}
             {% else %}
                 {% if value is empty %}
-                    {% if multiple %}
-                        <li class="ibexa-dropdown__selected-item ibexa-dropdown__selected-item--predefined ibexa-dropdown__selected-placeholder">
-                            {% if placeholder is defined and placeholder is not none %}
-                                {{ _self.get_translated_label(placeholder, translation_domain )}}
-                            {% else %}
-                                {{ 'dropdown.placeholder'|trans|desc("Choose an option") }}
-                            {% endif %}
-                        </li>
-                    {% else %}
+                    {% if not multiple %}
                         {% if placeholder is defined and placeholder is not none %}
                             {% set default_label = 'dropdown.placeholder'|trans()|desc('Choose an option') %}
 
@@ -109,6 +101,18 @@
                         {% endif %}
                     {% endfor %}
                 {% endif %}
+                {% if multiple %}
+                    <li
+                        class="ibexa-dropdown__selected-item ibexa-dropdown__selected-item--predefined ibexa-dropdown__selected-placeholder"
+                        {% if value is empty %}hidden{% endif %}
+                    >
+                        {% if placeholder is defined and placeholder is not none %}
+                            {{ _self.get_translated_label(placeholder, translation_domain )}}
+                        {% else %}
+                            {{ 'dropdown.placeholder'|trans|desc("Choose an option") }}
+                        {% endif %}
+                    </li>
+                {% endif %}
             {% endif %}
 
             <li class="ibexa-dropdown__selected-item ibexa-dropdown__selected-item--predefined ibexa-dropdown__selected-overflow-number" hidden></li>