fix: testimonial cards height and shadows

school/community/web_template/multiple_testimonials/multiple_testimonials.html

@@ -19,7 +19,7 @@
             </div>
           </div>
           <div class="testimonial-review">
-          "{{ review.review }}"
+          {{ review.review }}
           </div>
         </div>
       {% if loop.index % 3 == 0 or loop.index == testimonials_table | length %} </div> </div> {% endif %}
@@ -45,17 +45,3 @@
     </a>
   </div>
 </div>
-<script>
-  frappe.ready(() => {
-
-    let max_height = 0;
-
-    $(".carousel-item").each((i, item) => {
-      if (max_height < $(item).height()) {
-        max_height = $(item).height();
-      }
-    });
-
-    $(".carousel-inner").css("height", max_height);
-  })
-</script>

school/public/css/style.css

@@ -1397,8 +1397,10 @@ pre {
 
 .testimonial-card {
   flex-direction: column;
-  padding: 1rem 1rem 2rem;
+  padding: 1rem;
   height: 100%;
+  margin-right: 0.25rem;
+  margin-bottom: 0.5rem;
 }
 
 .testimonial-author {
@@ -1410,6 +1412,10 @@ pre {
 
 .testimonial-review {
   color: var(--text-color-dark);
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
 }
 
 .testimonial-profession {