fix(vote): minimal responsive styles

nossas · Aug 23, 2024 · b86c03f · b86c03f
1 parent d6e303b
commit b86c03f
Show file tree

Hide file tree

Showing 7 changed files with 9 additions and 9 deletions.
diff --git a/app/org_eleicoes/votepeloclima/candidature/templates/candidature/captcha.html b/app/org_eleicoes/votepeloclima/candidature/templates/candidature/captcha.html
@@ -13,7 +13,7 @@ <h1 class="text-uppercase">Vamos <strong>começar?</strong></h1>
 {% block form_fields %}{% endblock %}
 
 {% block form_actions %}
-<div class="d-flex align-items-end justify-content-between">
+<div class="d-flex flex-column flex-lg-row align-items-end justify-content-between">
     <div class="">
         {% crispy wizard.form %}
     </div>

diff --git a/app/org_eleicoes/votepeloclima/candidature/templates/candidature/checkout.html b/app/org_eleicoes/votepeloclima/candidature/templates/candidature/checkout.html
@@ -14,7 +14,7 @@ <h2 class="fw-bold text-uppercase">Para finalizar, confirme suas informações</
             {% csrf_token %}
             {{ wizard.form.media }}
             {{ wizard.management_form }}
-            <div class="d-flex align-items-end justify-content-end">
+            <div class="d-flex flex-column flex-md-row align-items-end justify-content-end">
                 <div class="me-3" style="max-width: 620px;">
                     {{ wizard.form|crispy }}
                 </div>

diff --git a/app/org_eleicoes/votepeloclima/candidature/templates/candidature/suas_propostas.html b/app/org_eleicoes/votepeloclima/candidature/templates/candidature/suas_propostas.html
@@ -9,8 +9,8 @@ <h2 class="fw-bold text-uppercase">Suas propostas</h2>
 {% endblock %}
 
 {% block form_fields %}
-  <div class="d-flex" style="--bs-gap:40px;">
-    <div class="w-50">
+  <div class="d-flex flex-column flex-md-row" style="--bs-gap:40px;">
+    <div class="w-100 w-md-50">
       <h5 class="fw-bold text-uppercase mb-4">Selecione até 3 pautas prioritárias</h5>
       <div id="selectzone">
       {% if wizard.form.forms %}
@@ -23,7 +23,7 @@ <h5 class="fw-bold text-uppercase mb-4">Selecione até 3 pautas prioritárias</h
       {% endif %}
       </div>
     </div>
-    <div class="w-50">
+    <div class="w-100 w-md-50">
       <h5 class="fw-bold text-uppercase text-gray mb-4">Descreva suas propostas</h5>
       <div id="dropzone"></div>
     </div>

diff --git a/app/org_eleicoes/votepeloclima/candidature/templates/candidature/wizard_base.html b/app/org_eleicoes/votepeloclima/candidature/templates/candidature/wizard_base.html
@@ -11,7 +11,7 @@
     {% block main %}{% endblock %}
   </div>
   {% block screenside %}
-  <div class="bg-screenside">
+  <div class="bg-screenside d-none d-md-block">
     <div class="screenside" style="background-image:url({% static 'imgs/bg-steps.svg' %});">
     </div>
   </div>

diff --git a/app/org_eleicoes/votepeloclima/candidature/templates/candidature/wizard_form.html b/app/org_eleicoes/votepeloclima/candidature/templates/candidature/wizard_form.html
@@ -22,7 +22,7 @@ <h2 class="fw-bold text-uppercase">{{ step_title }}</h2>
     {% endblock %}
 
     {% block form_actions %}
-    <div class="d-flex justify-content-between mt-5">
+    <div class="d-flex flex-column flex-lg-row justify-content-between mt-5" style="--bs-gap: 1rem;">
     {% if wizard.steps.prev %}
     <button class="btn btn-outline-dark" name="wizard_goto_step" type="submit" value="{% if editing %}checkout{% else %}{{ wizard.steps.prev }}{% endif %}">Voltar</button>
     {% endif %}

diff --git a/app/org_eleicoes/votepeloclima/candidature/templates/forms/widgets/inline_array.html b/app/org_eleicoes/votepeloclima/candidature/templates/forms/widgets/inline_array.html
@@ -5,7 +5,7 @@
         <li>
             <div class="d-flex mb-2">
                 {% if widget.item_label %}
-                <span class="fw-semibold me-2 mt-1 text-nowrap">{{widget.item_label}}</span>
+                <span class="fw-semibold me-2 mt-1 text-nowrap d-none d-md-inline-block">{{widget.item_label}}</span>
                 {% endif %}
                 <input
                     type="{{ subwidget.type }}"

diff --git a/app/org_eleicoes/votepeloclima/templates/votepeloclima/home.html b/app/org_eleicoes/votepeloclima/templates/votepeloclima/home.html
@@ -107,7 +107,7 @@
 
 
 
-<div style="--bs-gap:3rem">
+<div>
 <section class="container-sm grid pt-6 pb-6 pl-0 pr-0">
Original file line number	Diff line number	Diff line change
Expand Up		@@ -107,7 +107,7 @@



		<div style="--bs-gap:3rem">
		<div>
		<section class="container-sm grid pt-6 pb-6 pl-0 pr-0">


Expand Down