diff --git a/app/org_eleicoes/votepeloclima/candidature/static/scss/candidaturesearch.scss b/app/org_eleicoes/votepeloclima/candidature/static/scss/candidaturesearch.scss index 636a66dd..ed940671 100644 --- a/app/org_eleicoes/votepeloclima/candidature/static/scss/candidaturesearch.scss +++ b/app/org_eleicoes/votepeloclima/candidature/static/scss/candidaturesearch.scss @@ -125,4 +125,24 @@ legend.form-label { #div_id_intended_position, #div_id_political_party { display: none; } + + .search-sidebar { + label { + cursor: pointer; + } + } + +} + + +.search-sidebar { + #sidebar-toggle { + display: none; + + &:checked + label { + i.ds-sidebar-arrow { + rotate: 180deg; + } + } + } } \ No newline at end of file diff --git a/app/org_eleicoes/votepeloclima/candidature/templates/candidature/candidature_search.html b/app/org_eleicoes/votepeloclima/candidature/templates/candidature/candidature_search.html index 01c44fcd..9d744fa0 100644 --- a/app/org_eleicoes/votepeloclima/candidature/templates/candidature/candidature_search.html +++ b/app/org_eleicoes/votepeloclima/candidature/templates/candidature/candidature_search.html @@ -12,7 +12,7 @@ {% block content %}
-
+

Conheça candidaturas da sua cidade

Use os filtros para descobrir candidatos comprometidos com políticas climáticas! @@ -28,8 +28,13 @@

Conheça candidaturas da sua cidade

@@ -82,13 +87,17 @@
Infelizmente nenhuma candidatura (function ($) { "use strict"; $(function () { - console.log("aasdasdasd"); - $(".search-sidebar input[type='checkbox']").change(function() { + $(".search-sidebar .btn-check[type='checkbox']").change(function() { $("form").submit(); }); - $(".search-sidebar input[type='radio']").change(function() { + $(".search-sidebar .btn-check[type='radio']").change(function() { $("form").submit(); }); + + // Hide Sidebar Filters only mobile + $("#sidebar-toggle").change(function() { + $(this).next().next().toggleClass("d-none"); + }); }); }(jQuery)); diff --git a/app/org_eleicoes/votepeloclima/static/scss/icons.scss b/app/org_eleicoes/votepeloclima/static/scss/icons.scss index df3a7187..60d54943 100644 --- a/app/org_eleicoes/votepeloclima/static/scss/icons.scss +++ b/app/org_eleicoes/votepeloclima/static/scss/icons.scss @@ -311,4 +311,22 @@ background-repeat: no-repeat; display: inline-block; background-image: url('data:image/svg+xml,'); +} + +.ds-sidebar-bars { + width: 16px; + height: 17px; + background-size: contain; + background-repeat: no-repeat; + display: inline-block; + background-image: url('data:image/svg+xml,'); +} + +.ds-sidebar-arrow { + width: 16px; + height: 17px; + background-size: contain; + background-repeat: no-repeat; + display: inline-block; + background-image: url('data:image/svg+xml,'); } \ No newline at end of file