Commit af3003ea authored by Sebastian Castro's avatar Sebastian Castro

Improve mobile behaviour

parent c878224c
parameters:
app.version: 1.5.4
\ No newline at end of file
app.version: 1.5.5
\ No newline at end of file
......@@ -2,7 +2,7 @@
* @Author: Sebastian Castro
* @Date: 2017-04-05 15:04:49
* @Last Modified by: Sebastian Castro
* @Last Modified time: 2017-09-08 16:00:42
* @Last Modified time: 2018-01-06 17:53:43
*/
.modal.page-modal
{
......@@ -29,6 +29,7 @@
font-size: 2rem;
line-height: 4rem;
padding: 0 2rem;
padding-top: .3rem;
margin-left: -2rem;
color: white !important;
......
......@@ -65,7 +65,7 @@ i.material-icons {
left: 0 !important;
}
#input-address { width: calc(100% - 13rem); }
@media #{$medium-and-up} { #input-address { width: calc(100% - 13rem); } }
#input-address-field.error:after
{
......@@ -209,10 +209,16 @@ a.leaflet-control-zoom-out {
z-index: 1000;
}
.copy-hours-col {
margin-left: -7px !important;
margin-right: 7px !important;
}
.btn-geolocalize
{
margin-top: 1rem;
float: right;
margin-top: .5rem;
@media screen and (min-width: 600px) { float: right; width: auto; margin-top: 1rem; }
width: 100%;
font-size: .9rem;
height: 2rem !important;
line-height: 2rem !important;
......
......@@ -5,6 +5,7 @@
{% set dayKey = 0 %}
{% set frenchDays = ['Lundi', 'Mardi', 'Mercredi', 'Jeudi', 'Vendredi', 'Samedi', 'Dimanche'] %}
{% set frenchDaysShort = ['Lun', 'Mar', 'Mer', 'Jeu', 'Ven', 'Sam', 'Dim'] %}
{# pour chaque day de la semaine on crée un ligne pour entrée une plage horaire
une deuxième ligne cachée est crée pour pouvoir ajouter une deuxième plage si besoin #}
......@@ -21,9 +22,15 @@
<div id="{{ dayKey }}-open-hours-first-line" class="valign-wrapper">
{% if (day.vars.name == "Monday") %}
<div class="col s3 day-col">{{ frenchDays[dayKey] }}</div>
<div class="col s3 day-col">
<span class="hide-on-small-only">{{ frenchDays[dayKey] }}</span>
<span class="hide-on-med-and-up">{{ frenchDaysShort[dayKey] }}</span>
</div>
{% else %}
<div class="col s2 day-col open-hours-day">{{ frenchDays[dayKey] }}</div>
<div class="col s2 day-col open-hours-day">
<span class="hide-on-small-only">{{ frenchDays[dayKey] }}</span>
<span class="hide-on-med-and-up">{{ frenchDaysShort[dayKey] }}</span>
</div>
{# Redo time slot button #}
<div class="col s1 center-align copy-hours-col">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment