release(2.1.8): show title in modal search diagraphe/issues#22

templates/layout/header/_partial.header.html.twig

@@ -70,6 +70,8 @@
                 modal_size: search_modal_size ?: 'fullscreen',
                 dismissibile: false,
               } %}
+                {% block modalClose %}{% endblock %}
+
                 {% block modalBody %}
                   <div class="container">
                     {{ page.header_center_search }}

templates/views/search/block--header-center-search--views-exposed-filter-block.html.twig

@@ -0,0 +1,55 @@
+{#
+/**
+ * @file
+ * Default theme implementation to display a block.
+ *
+ * Available variables:
+ * - plugin_id: The ID of the block implementation.
+ * - label: The configured label of the block if visible.
+ * - configuration: A list of the block's configuration values.
+ *   - label: The configured label for the block.
+ *   - label_display: The display settings for the label.
+ *   - provider: The module or other provider that provided this block plugin.
+ *   - Block plugin specific settings will also be stored here.
+ * - content: The content of this block.
+ * - attributes: array of HTML attributes populated by modules, intended to
+ *   be added to the main container tag of this template.
+ *   - id: A valid HTML ID and guaranteed unique.
+ * - title_attributes: Same as attributes, except applied to the main title
+ *   tag that appears in the template.
+ * - title_prefix: Additional output populated by modules, intended to be
+ *   displayed in front of the main title tag that appears in the template.
+ * - title_suffix: Additional output populated by modules, intended to be
+ *   displayed after the main title tag that appears in the template.
+ *
+ * @see template_preprocess_block()
+ *
+ * @ingroup themeable
+ */
+#}
+{% apply spaceless %}
+  {% set id_block = 'it-' ~ attributes.id %}
+  {% set classes = [
+    'block',
+    'block-' ~ configuration.provider|clean_class,
+    'block-' ~ plugin_id|clean_class,
+  ] %}
+
+  <div{{ attributes.addClass(classes).setAttribute('id', id_block) }}>
+    {{ title_prefix }}
+    {% if label %}
+      <h2{{ title_attributes.addClass(['mb-4', 'd-flex', 'align-items-center']) }}>
+        <span class="h1 me-auto">{{ label }}</span>
+        <button class="btn-close p-0" type="button" data-bs-dismiss="modal" aria-label="Close modal dialog" data-focus-mouse="false">
+          {% include '@bi-bcl/icon/icon.html.twig' with {
+            name: 'it-close',
+          } %}
+        </button>
+      </h2>
+    {% endif %}
+    {{ title_suffix }}
+    {% block content %}
+      {{ content }}
+    {% endblock %}
+  </div>
+{% endapply %}

templates/views/search/form-element--name--ftxt.html.twig

@@ -79,7 +79,7 @@
     <span class="input-group-text border-0">
       {% include '@bi-bcl/icon/icon.html.twig' with {
         name: 'icon-search',
-        size: 'xxl',
+        size: 'lg',
         color: 'bluelectric',
         icon_classes: ['svg-search']
       } %}

templates/views/search/input--name--ftxt.html.twig

@@ -1,5 +1,5 @@
 {% set attributes = attributes
-  .addClass(['fs-1', 'py-5', 'px-3'])
+  .addClass(['fs-2', 'py-4', 'px-3', 'mt-1'])
   .setAttribute('data-element', 'search-modal-input')
   .setAttribute('placeholder', 'Cerca servizi, notizie o documenti')
 %}