fix: elementi luogo

Co-authored-by: Marco Rubin <marco.rubin@robyone.net>
italia · May 18, 2023 · 1bb5b47 · 1bb5b47
1 parent 1e1dc6f
commit 1bb5b47
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 8 deletions.
diff --git a/src/assets/js/scuole.js b/src/assets/js/scuole.js
@@ -750,4 +750,13 @@ function catchFocusUser(linkList, buttonList) {
   });
 }
 
-tabIndexUser();
+tabIndexUser();
+
+/* Collapse elementi luoghi */
+$(".dsi_more").on("click", function() {
+  if($(this).text() == "Visualizza altro") {
+    $(this).text("Visualizza meno");
+  } else {
+    $(this).text("Visualizza altro");
+  }
+});
diff --git a/src/scuole-scheda-luogo.html b/src/scuole-scheda-luogo.html
@@ -1220,26 +1220,25 @@ <h3 class="h6">Elementi di interesse</h3>
                     <div class="card-deck card-deck-spaced mb-4 card_container_accordion">
                       <div class="card card-bg card-bg-simple rounded card_accordion">
                         <div class="card-body">
-                          <div id="dsi_description_container_0" style="height: 108.438px;">
+                          <div id="dsi_description_container_0">
                             <p>Lorem ipsum</p>
                             <small>
                               <span id="dsi_description_0">Lorem ipsum dolor sit amet consectetur adipisicing
-                                elit.</span>
+                                elit...</span>
+                              <span class="collapse" id="dsi_description_more_0">ipsum dolor sit amet consectetur adipisicing elit</span>
                             </small>
                           </div>
-                          <a href="#" class="small dsi_more show" data-id="0">Visualizza altro</a>
+                          <button type="button" class="btn btn-link btn-sm text-underline p-0 mt-2 float-right dsi_more" data-toggle="collapse" data-target="#dsi_description_more_0">Visualizza altro</button>
                         </div><!-- /card-body -->
                       </div><!-- /card card-bg card-icon rounded -->
                       <div class="card card-bg card-bg-simple rounded card_accordion">
                         <div class="card-body">
-                          <div id="dsi_description_container_1" style="height: 108.438px;">
+                          <div id="dsi_description_container_1">
                             <p>Lorem ipsum dolor</p>
                             <small>
-                              <span id="dsi_description_1">Lorem ipsum dolor sit amet consectetur adipisicing elit.
-                                Voluptatem voluptatibus...</span>
+                              <span id="dsi_description_1">Lorem ipsum dolor sit amet consectetur adipisicing elit.</span>
                             </small>
                           </div>
-                          <a href="#" class="small dsi_more show" data-id="1">Visualizza altro</a>
                         </div><!-- /card-body -->
                       </div><!-- /card card-bg card-icon rounded -->
                     </div>