diff --git a/src/assets/css/endp_utils.css b/src/assets/css/endp_utils.css index 66b5c54..881408c 100644 --- a/src/assets/css/endp_utils.css +++ b/src/assets/css/endp_utils.css @@ -27,8 +27,33 @@ body { } .input:focus { + border: none; + border-bottom: solid 1px var(--light-brown) +} + +.input[type="number"], +.input[type="search"], +.input[type="text"] { + box-sizing: border-box; +} + +.input[type="number"]:focus, +.input[type="search"]:focus, +.input[type="text"]:focus { outline: none; box-shadow: none; + border-width: 2px; +} + +.input[type="search"]:focus, +.input[type="text"]:focus { + padding-top: 9px; + padding-bottom: 9px; +} + +.input[type="number"]:focus { + padding-top: 1px; + padding-bottom: 1px; } /* Banner style */ diff --git a/src/assets/images/b_Recherche_reset_over.svg b/src/assets/images/b_Recherche_reset_over.svg new file mode 100644 index 0000000..57b75b6 --- /dev/null +++ b/src/assets/images/b_Recherche_reset_over.svg @@ -0,0 +1,12 @@ + + \ No newline at end of file diff --git a/src/components/PersonPagination.vue b/src/components/PersonPagination.vue index cabbaf1..7b11378 100644 --- a/src/components/PersonPagination.vue +++ b/src/components/PersonPagination.vue @@ -165,6 +165,7 @@ nav.pagination { margin-left: 10px; margin-bottom: 5px; transform: translateY(-4px); + border: none; border-bottom: solid 1px var(--light-brown); border-radius: 0; diff --git a/src/components/PersonSearchBox.vue b/src/components/PersonSearchBox.vue index 2cdfcb8..5b27d4f 100644 --- a/src/components/PersonSearchBox.vue +++ b/src/components/PersonSearchBox.vue @@ -120,6 +120,7 @@ export default { .container-search > p:last-child { padding: 0; + transform: translateY(35px); } .field.has-addons { @@ -198,13 +199,21 @@ button.button.is-info { } .btn-reset { + display: inline-block; + width: 40px; + height: 40px; + margin-bottom: 0.3rem; margin-top: 1rem !important; - margin-bottom: 0.3rem !important; + background: url("@/assets/images/b_Recherche_reset.svg") center / cover; + border: none; } .btn-reset:hover { - background-color: #8d1919 !important; - color: white !important; + background-image: url("@/assets/images/b_Recherche_reset_over.svg"); +} + +.btn-reset .icon { + display: none; } .button-reset-search { diff --git a/src/components/RegisterBaseDateSelector.vue b/src/components/RegisterBaseDateSelector.vue index cb9ede5..30864ee 100644 --- a/src/components/RegisterBaseDateSelector.vue +++ b/src/components/RegisterBaseDateSelector.vue @@ -117,8 +117,8 @@ export default { } .control-input-date { width: 58px; - border-bottom: solid 1px var(--light-brown); } + .control-input-date input { padding: 5px 0 4px; font-family: var(--font-secondary); @@ -127,6 +127,12 @@ export default { color: #4A4A4A; text-align: center; height: auto; + border-bottom: solid 1px var(--light-brown); +} + +.control-input-date input:focus { + padding: 5px 0 3px; + border-width: 2px !important; } .control.has-icons-left .select select { diff --git a/src/components/RegisterNoSketchSearchBox.vue b/src/components/RegisterNoSketchSearchBox.vue index 7e86612..cfba884 100644 --- a/src/components/RegisterNoSketchSearchBox.vue +++ b/src/components/RegisterNoSketchSearchBox.vue @@ -162,6 +162,11 @@ button.is-info { text-transform: uppercase; } +button.is-info:hover { + background-color: var(--light-brown) !important; +} + + .open-nosketch-search { display: inline-block; width: 27px; diff --git a/src/views/RegisterView.vue b/src/views/RegisterView.vue index e371c0b..6d15dc7 100644 --- a/src/views/RegisterView.vue +++ b/src/views/RegisterView.vue @@ -76,8 +76,12 @@