wagtail-enap-designsystem 1.2.1.126__py3-none-any.whl → 1.2.1.128__py3-none-any.whl

enap_designsystem/models.py

@@ -19,6 +19,7 @@ from wagtail.blocks import URLBlock
 from wagtail.search import index
 import requests
 import os
+from .blocks.html_blocks import RecaptchaBlock
 from django.db.models.signals import pre_delete
 from django.dispatch import receiver
 import shutil
@@ -4858,6 +4859,15 @@ class SistemaVotacaoPage(Page):
         help_text="Data/hora de encerramento da votação (opcional)"
     )
 
+    configuracoes_votacao = StreamField([
+    ('recaptcha', RecaptchaBlock()),
+	], 
+	blank=True,
+	use_json_field=True,
+	verbose_name="Configurações e Elementos da Votação",
+	help_text="Adicione reCAPTCHA para a página de votação"
+	)
+
     footer = models.ForeignKey(
         "EnapFooterSnippet",
         null=True,
@@ -4876,6 +4886,8 @@ class SistemaVotacaoPage(Page):
 			FieldPanel('navbar'),
 			FieldPanel('footer'),
         ], heading="Conteúdo do Header"),
+
+		FieldPanel('configuracoes_votacao'),
         
         MultiFieldPanel([
             FieldPanel('mostrar_progresso'),

enap_designsystem/static/enap_designsystem/blocks/card_courses.css

@@ -18,7 +18,8 @@
 }
 
 .btn-todos:active{
-    color: #025257;
+    color: #ffffff;
+    background-color: #025257;
     border: 1px solid #025257;
 }
 .section-curso-cards {

enap_designsystem/static/enap_designsystem/blocks/suap/suap_courses_block.css

@@ -31,7 +31,8 @@
 }
 
 .btn-todos:active{
-    color: #025257;
+    color: #ffffff;
+    background-color: #025257;
     border: 1px solid #025257;
 }
 .section-curso-cards-suap {
@@ -144,21 +145,42 @@
 
 .carousel-control-curso-suap {
     position: absolute;
-    border: none;
-    background-color: transparent;
     top: 50%;
     transform: translateY(-50%);
-    font-size: 30px;
+    font-size: 28px;
     cursor: pointer;
     z-index: 10;
+    background-color: #007D7A;
+    border: 5px solid #FFFFFF;
+    border-radius: 50%;
+    color: #FFFFFF;
+    align-items: center;
+    height: 40px;
+    width: 40px;
+}
+
+.carousel-control-curso-suap:hover{
+    background-color: #006969;
+}
+.carousel-control-curso-suap:active{
+    background-color: #025257;
+}
+
+.setas{
+    font-size: 28px;
+    font-weight: 900;
+    color: #FFFFFF;
+    margin: 0px;
 }
 
 .carousel-control-curso-suap-prev {
-    left: -23px;
+    left: -20px;
+    box-shadow: 2px 5px 8px 0px rgba(0, 0, 0, 0.25);
 }
 
 .carousel-control-curso-suap-next {
-    right: -23px;
+    right: -20px;
+    box-shadow: -1px 4px 7px 0px rgba(0, 0, 0, 0.25);
 }
 
 .btn1 {

enap_designsystem/templates/enap_designsystem/blocks/clientes_block.html

@@ -43,7 +43,7 @@
 <style>
 .clientes-section {
     padding: 80px 0;
-    background: #f8f9fa;
+    background: #FFFFFF;
     position: relative;
 }
 

enap_designsystem/templates/enap_designsystem/blocks/suap/suap_courses_block.html

@@ -60,8 +60,15 @@
                     {% endfor %}
                 </div>
                 
-                <button class="carousel-control-curso-suap carousel-control-curso-suap-prev"><img style="width: 40px; height: 40px;" src="{% static 'enap_designsystem/icons/iconleft.svg' %}" alt="Passar pro lado esquerdo"></button>
-                <button class="carousel-control-curso-suap carousel-control-curso-suap-next"><img style="width: 40px; height: 40px;" src="{% static 'enap_designsystem/icons/iconrig.svg' %}" alt="Passar pro lado direito"></button>
+                <button class="carousel-control-curso-suap carousel-control-curso-suap-prev">
+                    <span class="visually-hidden">Rolar para esquerda</span>
+                    <span class="material-symbols-outlined setas seta-esquerda">chevron_left</span>
+                </button>
+                <button class="carousel-control-curso-suap carousel-control-curso-suap-next">
+                    <span class="visually-hidden">Rolar para direita</span>
+                    <span class="material-symbols-outlined setas seta-direita">chevron_right</span>
+                </button>
+                
             </div>
         </div>