add mobile search block

decidim-core/app/views/layouts/decidim/header/_menu_breadcrumb_main_dropdown_top_left.html.erb

@@ -1,2 +1,20 @@
 <h3 class="menu-bar__main-dropdown__title"><%= t("decidim.pages.home.footer_sub_hero.footer_sub_hero_headline", organization: current_organization.name) %></h3>
-<p class="menu-bar__main-dropdown__subtitle"><%= organization_description_label %></p>
+<div class="main-bar__links-mobile__search-block">
+    <div class="-translate-y-full">
+      <%= form_tag(decidim.search_path, method: :get, class: "filter-search") do %>
+        <%= text_field_tag(
+          :term,
+          nil,
+          id: "input-search-mobile",
+          value: params[:term] || params.dig(:filter, :term),
+          placeholder: t("decidim.search.term_input_placeholder"),
+          title: t("decidim.search.term_input_placeholder"),
+          "aria-label": t("decidim.search.term_input_placeholder"),
+          tabindex: "0"
+        ) %>
+        <button type="submit" aria-label="<%= t("decidim.search.term_input_placeholder") %>">
+          <%= icon "search-line" %>
+        </button>
+      <% end %>
+    </div>
+  </div>

decidim-core/spec/system/mobile_header_spec.rb

@@ -10,7 +10,7 @@
     Capybara.current_driver = :iphone
     switch_to_host(organization.host)
     visit decidim.root_path
-    click_button "Accept all"
+    click_link_or_button "Accept all"
   end
 
   it "has a login link" do
@@ -19,13 +19,13 @@
 
   context "when user login is confirmed" do
     before do
-        switch_to_host(organization.host)
-        login_as user, scope: :user
-        visit decidim.root_path
+      switch_to_host(organization.host)
+      login_as user, scope: :user
+      visit decidim.root_path
     end
 
     it "displays an avatar on the header" do
-        expect(page).to have_css(".main-bar__avatar")
+      expect(page).to have_css(".main-bar__avatar")
     end
   end
 end