#23 Alterações para o correto funcionamento do collapse

tainacan · Jun 15, 2021 · b45ce12 · b45ce12
1 parent 7799a1e
commit b45ce12
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 10 deletions.
diff --git a/sass/components/template-inventarios/_template-inventarios.scss b/sass/components/template-inventarios/_template-inventarios.scss
@@ -66,6 +66,7 @@
         }
         @media screen and (max-width: $screen__md) {
             position: relative;
+            margin-top: 150px;
         }
         margin-bottom: 100px;
         width: 100%;
@@ -95,22 +96,30 @@
     & .plus-minus::after {
         @media screen and (max-width: $screen__sm) {
             content: "+";
-            float: right;
-            margin-top: -9%;
+            margin-top: 0%;
+            position: absolute;
+            height: 30px;
+            top: -15px;
+            right: 0px;
         }
     }
     & .active .plus-minus::after {
         @media screen and (max-width: $screen__sm) {
             content: "-";
-            float: right;
-            margin-top: -9%;
+            margin-top: 0%;
+            position: absolute;
+            height: 30px;
+            top: -15px;
+            right: 0px;
         }
     }
     & .header-collapse {
         @media screen and (max-width: $screen__md) {
             display: flex;
             flex-direction: row;
             justify-content: space-between;
+            position: relative;
+            width: auto;
         }
     }
 }

diff --git a/single-tnc_col_527_item.php b/single-tnc_col_527_item.php
@@ -18,7 +18,7 @@
                 <?php echo tainacan_get_the_collection_name(); ?>
             </h1>
             <div class="metadata-mobile">
-                <div class="header-collapse">
+                <div class="header-collapse collapsible">
                     <span>informações técnicas</span>
                     <a type="button" class="plus-minus"></a>
                 </div>

diff --git a/style.css b/style.css
diff --git a/style.css.map b/style.css.map