Skip to content

Commit 3b6a7d9

Browse files
committed
feat: adjust testimonial content max-height based on page context and count
- Set max-height: 150px for home page and case studies with multiple testimonials - Set max-height: 300px for single testimonial on case studies page (desktop only) - Add responsive rule: 150px on mobile (<768px) for single testimonial case
1 parent c6fee32 commit 3b6a7d9

1 file changed

Lines changed: 23 additions & 0 deletions

File tree

website/modules/asset/ui/src/scss/_testimonials.scss

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -218,6 +218,29 @@
218218
@include breakpoint-medium {
219219
margin-top: 52px;
220220
}
221+
222+
&[data-testimonial-count='1'] {
223+
.sf-testimonials {
224+
.sf-person-wrapper {
225+
.sf-person__content {
226+
max-height: 150px;
227+
@media (min-width: 768px) {
228+
max-height: 300px;
229+
}
230+
}
231+
}
232+
}
233+
}
234+
235+
&:not([data-testimonial-count='1']) {
236+
.sf-testimonials {
237+
.sf-person-wrapper {
238+
.sf-person__content {
239+
max-height: 150px;
240+
}
241+
}
242+
}
243+
}
221244
}
222245
}
223246

0 commit comments

Comments
 (0)