From 1ea159c97c5d118b0d7ac69e035d0f87437ef265 Mon Sep 17 00:00:00 2001
From: Jeremie BRISON <ext.sopra.jbrison@grandlyon.com>
Date: Tue, 20 Oct 2020 13:52:37 +0200
Subject: [PATCH] fix(search) : change div to btn
---
.../components/search/search.component.html | 18 +++++++++---------
.../components/search/search.component.scss | 2 +-
2 files changed, 10 insertions(+), 10 deletions(-)
diff --git a/src/app/structure-list/components/search/search.component.html b/src/app/structure-list/components/search/search.component.html
index 730c6b49d..7df7b8806 100644
--- a/src/app/structure-list/components/search/search.component.html
+++ b/src/app/structure-list/components/search/search.component.html
@@ -11,8 +11,8 @@
</div>
<div class="btnSection" fxLayout="row" fxLayoutAlign="space-between center">
- <div
- class="button"
+ <button
+ type="button"
[ngClass]="{ selected: modalTypeOpened === modalType[0] }"
(click)="openModal(this.modalType[0])"
fxLayout="row"
@@ -20,9 +20,9 @@
>
<span class="btnText">Accompagnement</span>
<div class="arrow"></div>
- </div>
- <div
- class="button"
+ </button>
+ <button
+ type="button"
[ngClass]="{ selected: modalTypeOpened === modalType[1] }"
(click)="openModal(this.modalType[1])"
fxLayout="row"
@@ -30,9 +30,9 @@
>
<span class="btnText">Formations</span>
<div class="arrow"></div>
- </div>
- <div
- class="button"
+ </button>
+ <button
+ type="button"
[ngClass]="{ selected: modalTypeOpened === modalType[2] }"
(click)="openModal(this.modalType[2])"
fxLayout="row"
@@ -40,7 +40,7 @@
>
<span class="btnText">Plus de filtres</span>
<div class="arrow"></div>
- </div>
+ </button>
</div>
<div
*ngIf="modalTypeOpened"
diff --git a/src/app/structure-list/components/search/search.component.scss b/src/app/structure-list/components/search/search.component.scss
index a8e53de50..76dc8311b 100644
--- a/src/app/structure-list/components/search/search.component.scss
+++ b/src/app/structure-list/components/search/search.component.scss
@@ -47,7 +47,7 @@
}
.btnSection {
padding: 16px 0 8px 0;
- .button {
+ button {
height: 40px;
width: 190px;
outline: none;
--
GitLab