diff --git a/website/modules/asset/ui/src/scss/_carousel.scss b/website/modules/asset/ui/src/scss/_carousel.scss index d93da3b7..0fbdbcfd 100644 --- a/website/modules/asset/ui/src/scss/_carousel.scss +++ b/website/modules/asset/ui/src/scss/_carousel.scss @@ -44,7 +44,7 @@ text-decoration: none; @include truncate-lines(2); } - &__wrapper{ + &__wrapper { display: flex; flex-direction: row; flex-wrap: wrap; @@ -52,9 +52,8 @@ @include breakpoint-medium { margin-bottom: 8px; } - } - &__container{ + &__container { display: flex; flex-direction: column; justify-content: center; @@ -92,16 +91,13 @@ @include truncate-lines(1); } &__content { - font-weight: 500; - font-size: 14px; - line-height: 21px; - color: $gray-300; - margin: 0; - @include breakpoint-medium { - @include truncate-lines(8); - } + font-weight: 500; + font-size: 14px; + line-height: 21px; + color: $gray-300; + margin: 0; } - + &__url { text-decoration: none; font-weight: 700; diff --git a/website/modules/asset/ui/src/scss/_testimonials.scss b/website/modules/asset/ui/src/scss/_testimonials.scss index a228d857..2670217f 100644 --- a/website/modules/asset/ui/src/scss/_testimonials.scss +++ b/website/modules/asset/ui/src/scss/_testimonials.scss @@ -71,7 +71,19 @@ } .sf-person__content { color: $gray-300; - @include truncate-lines(7); + + overflow-x: hidden; + overflow-y: auto; + max-height: 150px; + + overflow-wrap: anywhere; + word-break: break-word; + + -webkit-overflow-scrolling: touch; + overscroll-behavior: contain; + scrollbar-gutter: stable both-edges; + padding-right: 12px; + @include font-settings(14px, 150%, 400); } } @@ -134,7 +146,6 @@ @include breakpoint-medium { height: 400px; .sf-person__content { - @include truncate-lines(10); @include font-settings(22px, 150%, 400); } }