hotfix(votepeloclima): refactor styles from signup candidate flow

nossas · Aug 29, 2024 · b06e1fe · b06e1fe
1 parent 058b29c
commit b06e1fe
Show file tree

Hide file tree

Showing 6 changed files with 28 additions and 8 deletions.
diff --git a/app/org_eleicoes/votepeloclima/candidature/templates/candidature/checkout.html b/app/org_eleicoes/votepeloclima/candidature/templates/candidature/checkout.html
@@ -18,15 +18,15 @@ <h2 class="fw-bold text-uppercase">Para finalizar, confirme suas informações</
                 <div class="me-3" style="max-width: 620px;">
                     {{ wizard.form|crispy }}
                 </div>
-                <button class="btn btn-secondary mb-3 d-flex align-items-center" style="min-width: 320px;--bs-gap:10px;" type="submit" name="submit"><i class="ds-icon-confirm"></i> Concluir Cadastro</button>
+                <button class="btn btn-secondary mb-3 d-flex align-items-center justify-content-center" style="min-width: 320px;--bs-gap:10px;" type="submit" name="submit"><i class="ds-icon-confirm"></i>Concluir Cadastro</button>
             </div>
         </form>
     {% else %}
         <div class="mb-2{% if not forloop.first %} border-top{% endif %}">
-            <div class="d-flex justify-content-between align-items-start pt-4">
-                <h5 class="fw-bold text-uppercase">{{ step.title }}</h5>
+            <div class="d-flex justify-content-between align-items-center pt-4 pb-2 gap-2">
+                <h5 class="fw-bold text-uppercase m-0">{{ step.title }}</h5>
                 {% if step.edit_url %}
-                <a class="btn btn-secondary d-flex align-items-center" style="--bs-gap:10px;" href="{{ step.edit_url }}"><i class="ds-icon-pencil"></i> Editar</a>
+                <a class="btn btn-secondary d-flex align-items-center px-2" style="--bs-gap:10px;" href="{{ step.edit_url }}"><i class="ds-icon-pencil"></i>Editar</a>
                 {% endif %}
             </div>
             {% if step.form.helper %}

diff --git a/app/org_eleicoes/votepeloclima/candidature/templates/candidature/submitted.html b/app/org_eleicoes/votepeloclima/candidature/templates/candidature/submitted.html
@@ -6,7 +6,7 @@
   <div class="bg-light" style="height:100vh;width:541px;">
   </div>
   {% endblock %}
-  <div class="container px-5 py-5">
+  <div class="candidate-signup container py-5">
     <i class="ds-icon-submitted"></i>
     <div class="mb-4 mt-2">
       <h1 class="text-uppercase">Agora é <strong>só aguardar!</strong></h1>

diff --git a/app/org_eleicoes/votepeloclima/candidature/templates/candidature/wizard_base.html b/app/org_eleicoes/votepeloclima/candidature/templates/candidature/wizard_base.html
@@ -3,7 +3,7 @@
 
 {% block content %}
 <div class="d-flex">
-  <div class="container px-5 py-5">
+  <div class="candidate-signup container py-5">
     {% widthratio wizard.steps.step1 wizard.steps.count 100 as progress %}
     <div class="progress mb-4 border" role="progressbar" aria-label="Basic example" aria-valuenow="{{ progress }}" aria-valuemin="0" aria-valuemax="100" style="max-width:256px;">
       <div class="progress-bar bg-secondary" style="width:{{ progress }}%"></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
@@ -27,7 +27,7 @@ <h2 class="fw-bold text-uppercase">{{ step_title }}</h2>
     <button class="btn btn-outline-dark" name="wizard_goto_step" type="submit" value="{% if editing %}checkout{% else %}{{ wizard.steps.prev }}{% endif %}">Voltar</button>
     {% endif %}
     {% if wizard.steps.next and not editing %}
-    <input class="btn btn-secondary" name="wizard_goto_step" type="submit" value="{% translate "Continuar: " %}{{ next_step_title }}" />
+    <input class="btn btn-secondary" name="wizard_goto_step" type="submit" value="{% translate "Continuar " %}" />
     {% elif editing %}
     <button class="btn btn-secondary" type="submit" name="wizard_goto_last">Salvar</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
@@ -16,7 +16,7 @@
                     placeholder="{{ widget.placeholder|default:'' }}"
                 />
                 {% if not subwidget.attrs.disabled %}
-                <button type="button" class="btn btn-outline-danger ms-2" onclick="inlineDelete(this)">
+                <button type="button" class="btn-inline-delete btn btn-outline-danger ms-2" onclick="inlineDelete(this)">
                     <i class="bi bi-trash"></i>
                 </button>
                 {% endif %}

diff --git a/app/org_eleicoes/votepeloclima/static/scss/custom.scss b/app/org_eleicoes/votepeloclima/static/scss/custom.scss
@@ -159,6 +159,26 @@ legend.form-label {
     }
 }
 
+// Cadastro
+.candidate-signup {
+    padding: 0 72px;
+}
+
+@media (max-width: 992px) {
+    .candidate-signup {
+        padding: 0 20px;
+
+        h2 {
+            font-size: 28px;
+        }
+    }
+}
+
+.btn-inline-delete {
+    padding: 6px 12px;
+}
+
+
 // Perfil da Candidatura
 @media (min-width: 1200px) {
     .candidature-profile-photo {