Ajustes de estilo e funcionamento da busca avançada (#271)

* Ajustes de estilo e funcionamento da busca avançada * Update changelog * Corrige o posicionamento do menu quando esta sobre a busca avancada
plonegovbr · Jul 10, 2019 · a0bf879 · a0bf879
1 parent c9ae8d2
commit a0bf879
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 7 deletions.
diff --git a/CHANGES.rst b/CHANGES.rst
@@ -4,6 +4,9 @@ Changelog
 2.0.4 (unreleased)
 ^^^^^^^^^^^^^^^^^^
 
+- Corrige estilos e funcionamento dos filtros da busca.
+  [agnogueira]
+
 - Corrige formatação do menu para mais de dois níveis.
   [agnogueira]
 

diff --git a/webpack/app/brasilgovtemas.js b/webpack/app/brasilgovtemas.js
@@ -28,7 +28,7 @@ $(() => {
   if ($('.template-centrais-de-conteudo')[0] != null) {
     new ContentCentral();
   }
-  if ($('.template-filtro-de-resultados')[0] != null) {
+  if ($('.template-busca')[0] != null) {
     new ResultsFilter();
   }
   if ($('#viewlet-social-like')[0] != null) {

diff --git a/webpack/app/scss/_header.scss b/webpack/app/scss/_header.scss
@@ -30,7 +30,7 @@ header#main-header {
     position: absolute;
     left: 0;
     right: 0;
-    z-index: 1;
+    z-index: 2;
     box-shadow: 0 8px 6px -6px #ccc;
 
 

diff --git a/webpack/app/scss/_search.scss b/webpack/app/scss/_search.scss
@@ -12,7 +12,7 @@
     #search-field {
         border: 1px solid #ccc !important;
         border-bottom: 0;
-        margin: 0 13px -16px 12px;
+        margin: 0 -5px -16px 12px;
         padding: 10px;
         text-align: left;
 
@@ -40,7 +40,7 @@
     }
     form .actionMenuHeader {
         position: absolute;
-        top: -40px;
+        top: -50px;
         right: 40px;
         border-left: 1px solid #ccc;
         padding-left: 30px;
@@ -57,6 +57,9 @@
         color: #333;
     }
 }
+#content #search-filter fieldset {
+    margin-right: 25px;
+}
 #search-results-wrapper {
     position: initial;
 }
@@ -66,7 +69,7 @@
     padding: 1em;
     box-sizing: border-box;
     border: 1px solid #ccc;
-    margin: -1px 0 30px 12px;
+    margin: -1px 0 30px -4px;
 
     dl {
         float: none;
@@ -94,6 +97,12 @@
         bottom: 20px;
         right: 20px;
     }
+    .actionMenuContent.closed {
+      display: none;
+    }
+    #search-filter-toggle.closed:after {
+        transform: rotate(180deg);
+    }
 }
 #search-results-bar.open {
     border: 1px solid #ccc;
@@ -218,7 +227,7 @@
     white-space: nowrap;
     float: right;
     margin-left: 5px;
-    margin-top: 5px;
+    margin-top: 2px;
 }
 
 #search-filter-toggle.open:after {
@@ -516,4 +525,3 @@ fieldset.noborder {
 #results ul:first-child li:nth-child(5n-0) {background: #53cfd0 !important;}
 
 #results ul:first-child li:nth-child(4n-3) {margin-left: 0;}
-