add hidden label to 'Rechercher' in layout

This commit is contained in:
clemkeirua 2020-03-05 16:03:55 +01:00 committed by GitHub Action
parent 2e4f003ac8
commit ce3e60190f
2 changed files with 7 additions and 1 deletions

View file

@ -2,6 +2,7 @@
@import "common"; @import "common";
@import "constants"; @import "constants";
@import "mixins"; @import "mixins";
@import "utils";
$header-landing-breakpoint: 1040px; $header-landing-breakpoint: 1040px;
$header-mobile-breakpoint: 550px; $header-mobile-breakpoint: 550px;
@ -148,6 +149,10 @@ $header-mobile-breakpoint: 550px;
margin: 0; margin: 0;
} }
label.hidden {
@extend .hidden;
}
button { button {
@extend %outline; @extend %outline;

View file

@ -47,9 +47,10 @@
%li %li
.header-search{ role: 'search' } .header-search{ role: 'search' }
= form_tag recherche_dossiers_path, method: :post, class: "form" do = form_tag recherche_dossiers_path, method: :post, class: "form" do
= label_tag :dossier_id, "Numéro de dossier", class: 'hidden'
= text_field_tag :dossier_id, "", placeholder: "Numéro de dossier" = text_field_tag :dossier_id, "", placeholder: "Numéro de dossier"
%button{ title: "Rechercher" } %button{ title: "Rechercher" }
= image_tag "icons/search-blue.svg", alt: '' = image_tag "icons/search-blue.svg", alt: '', 'aria-hidden':'true'
- if instructeur_signed_in? || user_signed_in? - if instructeur_signed_in? || user_signed_in?
%li %li