From af466f960facd7c1494cfee1d3b4f8495244326f Mon Sep 17 00:00:00 2001 From: Laetitia Getti Date: Wed, 24 May 2023 11:45:13 +0200 Subject: [PATCH] titles visible on mobile --- .../accounts/templates/registration/beta_version.html | 4 +++- .../accounts/templates/registration/login.html | 5 +++-- .../order/templates/order/grouped_order_add_items.html | 5 +++-- .../order/templates/order/grouped_order_create.html | 5 +++-- .../order/templates/order/grouped_order_detail.html | 5 +++-- .../order/templates/order/grouped_order_overview.html | 7 ++++--- la_chariotte/order/templates/order/index.html | 4 +++- la_chariotte/order/templates/order/order_detail.html | 5 +++-- la_chariotte/static/css/app.css | 6 ++++++ la_chariotte/static/sass/base/_global.sass | 5 +++++ la_chariotte/templates/base.html | 8 +++++--- la_chariotte/templates/help/join_grouped_order.html | 6 ++++-- la_chariotte/templates/help/notice.html | 10 ++++++---- la_chariotte/templates/home.html | 9 ++++----- 14 files changed, 55 insertions(+), 29 deletions(-) diff --git a/la_chariotte/accounts/templates/registration/beta_version.html b/la_chariotte/accounts/templates/registration/beta_version.html index 5bb3956..ad70a4e 100644 --- a/la_chariotte/accounts/templates/registration/beta_version.html +++ b/la_chariotte/accounts/templates/registration/beta_version.html @@ -1,9 +1,11 @@ {% extends 'base.html' %} {% block title %}Version beta{% endblock %} -{% block content_title %}Ceci est une version beta{% endblock %} {% block content %} +

+ {% block content_title %}Ceci est une version beta{% endblock %} +

Bonjour, et merci de visiter la Chariotte !

Elle est en pleine construction. Si vous voulez bien faire partie des testeurs et de testeuses motivés de cette première version beta, diff --git a/la_chariotte/accounts/templates/registration/login.html b/la_chariotte/accounts/templates/registration/login.html index 9d388d1..6cbf8fd 100644 --- a/la_chariotte/accounts/templates/registration/login.html +++ b/la_chariotte/accounts/templates/registration/login.html @@ -2,9 +2,10 @@ {% block title %}Connexion{% endblock %} -{% block content_title %}Connexion{% endblock %} - {% block content %} +

+ {% block content_title %}Connexion{% endblock %} +

{% csrf_token %} {{ form.as_p }} diff --git a/la_chariotte/order/templates/order/grouped_order_add_items.html b/la_chariotte/order/templates/order/grouped_order_add_items.html index ddca957..41739cd 100644 --- a/la_chariotte/order/templates/order/grouped_order_add_items.html +++ b/la_chariotte/order/templates/order/grouped_order_add_items.html @@ -2,9 +2,10 @@ {% block title %}Nouvelle commande groupée{% endblock %} -{% block content_title %}Ajouter des produits à votre commande groupée{% endblock %} - {% block content %} +

+ {% block content_title %}Ajouter des produits à votre commande groupée{% endblock %} +

Commande groupée "{{ grouped_order.name }}", le {{ grouped_order.delivery_date }}

Limite de commande : {{ grouped_order.deadline }}

diff --git a/la_chariotte/order/templates/order/grouped_order_create.html b/la_chariotte/order/templates/order/grouped_order_create.html index b361f50..3efa260 100644 --- a/la_chariotte/order/templates/order/grouped_order_create.html +++ b/la_chariotte/order/templates/order/grouped_order_create.html @@ -2,9 +2,10 @@ {% block title %}Nouvelle commande groupée{% endblock %} -{% block content_title %}Créer une commande groupée{% endblock %} - {% block content %} +

+ {% block content_title %}Créer une commande groupée{% endblock %} +

{% csrf_token %} {{ form.as_p }} diff --git a/la_chariotte/order/templates/order/grouped_order_detail.html b/la_chariotte/order/templates/order/grouped_order_detail.html index 547151d..2ad0df9 100644 --- a/la_chariotte/order/templates/order/grouped_order_detail.html +++ b/la_chariotte/order/templates/order/grouped_order_detail.html @@ -2,9 +2,10 @@ {% block title %}{{ grouped_order }}{% endblock %} -{% block content_title %}{{ grouped_order }} : commander{% endblock %} - {% block content %} +

+ {% block content_title %}{{ grouped_order }} : commander{% endblock %} +

diff --git a/la_chariotte/order/templates/order/grouped_order_overview.html b/la_chariotte/order/templates/order/grouped_order_overview.html index 60998dd..1b5e4f4 100644 --- a/la_chariotte/order/templates/order/grouped_order_overview.html +++ b/la_chariotte/order/templates/order/grouped_order_overview.html @@ -2,9 +2,10 @@ {% block title %}{{ grouped_order }} - Gestion{% endblock %} -{% block content_title %}{{ grouped_order }} : gestion de la commande{% endblock %} - {% block content %} +

+ {% block content_title %}{{ grouped_order }} : gestion de la commande{% endblock %} +

Pour vous aider à distribuer les produits le jour J, vous pouvez imprimer la liste des commandes : - ici

+ ici

diff --git a/la_chariotte/order/templates/order/index.html b/la_chariotte/order/templates/order/index.html index 0ac1895..f06da4e 100644 --- a/la_chariotte/order/templates/order/index.html +++ b/la_chariotte/order/templates/order/index.html @@ -2,8 +2,10 @@ {% block title %}Mes commandes groupées{% endblock %} -{% block content_title %}Commandes groupées que vous organisez{% endblock %} {% block content %} +

+ {% block content_title %}Commandes groupées que vous organisez{% endblock %} +

diff --git a/la_chariotte/order/templates/order/order_detail.html b/la_chariotte/order/templates/order/order_detail.html index a51365e..9f40849 100644 --- a/la_chariotte/order/templates/order/order_detail.html +++ b/la_chariotte/order/templates/order/order_detail.html @@ -2,9 +2,10 @@ {% block title %}Votre commande{% endblock %} -{% block content_title %}Commande confirmée !{% endblock %} - {% block content %} +

+ {% block content_title %}Commande confirmée !{% endblock %} +

Merci, {{ order.author.first_name }} !

Votre participation à la commande groupée "{{ order.grouped_order }}" a bien été confirmée ! diff --git a/la_chariotte/static/css/app.css b/la_chariotte/static/css/app.css index 3903f0c..5f747ad 100644 --- a/la_chariotte/static/css/app.css +++ b/la_chariotte/static/css/app.css @@ -10295,6 +10295,12 @@ p.title { color: #A52951; } +p.mobile-content-title { + font-weight: 600; + text-align: center; + font-size: 1.5rem; +} + .box.is-info { border-bottom: 2px solid #e9b049; border-right: 1px solid #e9b049; diff --git a/la_chariotte/static/sass/base/_global.sass b/la_chariotte/static/sass/base/_global.sass index 581b843..15b3f08 100644 --- a/la_chariotte/static/sass/base/_global.sass +++ b/la_chariotte/static/sass/base/_global.sass @@ -9,6 +9,11 @@ p.title font-weight: 300 color: $primary +p.mobile-content-title + font-weight: 600 + text-align: center + font-size: 1.5rem + .box.is-info border-bottom: 2px solid $beige border-right: 1px solid $beige \ No newline at end of file diff --git a/la_chariotte/templates/base.html b/la_chariotte/templates/base.html index b5dd38c..fb5352b 100644 --- a/la_chariotte/templates/base.html +++ b/la_chariotte/templates/base.html @@ -59,9 +59,11 @@ {% if user.is_authenticated %} - - Mes commandes - +

{% endif %}

créer un compte ou vous connecter pour organiser une nouvelle commande groupée. diff --git a/la_chariotte/templates/help/notice.html b/la_chariotte/templates/help/notice.html index a38b3a7..5a4166a 100644 --- a/la_chariotte/templates/help/notice.html +++ b/la_chariotte/templates/help/notice.html @@ -1,13 +1,15 @@ {% extends 'base.html' %} {% block title %}Mode d'emploi{% endblock %} -{% block content_title %}La Chariotte - mode d'emploi{% endblock %} {% block content %} {% load static %} + +

+ {% block content_title %}La Chariotte - mode d'emploi{% endblock %} +

-

Comment ça va marcher ?

-

Ci dessous un petit dessin pour vous expliquer le déroulé d'une commande groupée. Tout ne sera pas possible dès les première versions, mais on va vers là !

+

Voilà un petit dessin pour vous expliquer le déroulé d'une commande groupée. Tout ne sera pas possible dès les première versions, mais on va vers là !

@@ -17,7 +19,7 @@
-

Pour rejoindre une commande groupée, devez avoir reçu un lien par un organisateur ou une organisatrice de commande. +

Pour rejoindre une commande groupée, vous devez avoir reçu un lien par un organisateur ou une organisatrice de commande. Si c'est le cas, vous pouvez coller ce lien dans la barre de navigation en haut de l'écran !

Pour créer une commande groupée, rendez-vous sur cette page !

diff --git a/la_chariotte/templates/home.html b/la_chariotte/templates/home.html index cc2ce55..b62d85c 100644 --- a/la_chariotte/templates/home.html +++ b/la_chariotte/templates/home.html @@ -2,13 +2,12 @@ {% block title %}Accueil{% endblock %} -{% block content_title %} -Bienvenue{% if user.is_authenticated %}, {{ user.first_name }}{% else %} sur une ébauche de Chariotte !{% endif %} -{% endblock %} - {% block content %} {% load static %} +

+ {% block content_title %}Bienvenue{% if user.is_authenticated %}, {{ user.first_name }}{% else %} sur une ébauche de Chariotte !{% endif %}{% endblock %} +