From e160b3885ad25b53d4416f8ee5f17814ee1f0aaa Mon Sep 17 00:00:00 2001 From: Vitalii Pikozh Date: Mon, 11 Aug 2025 14:46:20 +0300 Subject: [PATCH 1/5] set height overflow:auto --- website/modules/asset/ui/src/scss/_testimonials.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/website/modules/asset/ui/src/scss/_testimonials.scss b/website/modules/asset/ui/src/scss/_testimonials.scss index a228d857..57800958 100644 --- a/website/modules/asset/ui/src/scss/_testimonials.scss +++ b/website/modules/asset/ui/src/scss/_testimonials.scss @@ -71,7 +71,8 @@ } .sf-person__content { color: $gray-300; - @include truncate-lines(7); + overflow: auto; + height: 150px; @include font-settings(14px, 150%, 400); } } @@ -134,7 +135,6 @@ @include breakpoint-medium { height: 400px; .sf-person__content { - @include truncate-lines(10); @include font-settings(22px, 150%, 400); } } From bf342b747887047da90d01fdf55298a6d12e3bc6 Mon Sep 17 00:00:00 2001 From: Vitalii Pikozh Date: Mon, 11 Aug 2025 21:22:14 +0300 Subject: [PATCH 2/5] fix --- .../modules/asset/ui/src/scss/_carousel.scss | 20 ++++++++----------- .../asset/ui/src/scss/_testimonials.scss | 1 + 2 files changed, 9 insertions(+), 12 deletions(-) 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 57800958..89d19f7a 100644 --- a/website/modules/asset/ui/src/scss/_testimonials.scss +++ b/website/modules/asset/ui/src/scss/_testimonials.scss @@ -73,6 +73,7 @@ color: $gray-300; overflow: auto; height: 150px; + @include font-settings(14px, 150%, 400); } } From 1d805fc3cfb5e1337d875fc5fe3d97a5e7c00f70 Mon Sep 17 00:00:00 2001 From: Vitalii Pikozh Date: Tue, 12 Aug 2025 09:42:13 +0300 Subject: [PATCH 3/5] Revert "fix" This reverts commit bf342b747887047da90d01fdf55298a6d12e3bc6. --- .../modules/asset/ui/src/scss/_carousel.scss | 20 +++++++++++-------- .../asset/ui/src/scss/_testimonials.scss | 1 - 2 files changed, 12 insertions(+), 9 deletions(-) diff --git a/website/modules/asset/ui/src/scss/_carousel.scss b/website/modules/asset/ui/src/scss/_carousel.scss index 0fbdbcfd..d93da3b7 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,8 +52,9 @@ @include breakpoint-medium { margin-bottom: 8px; } + } - &__container { + &__container{ display: flex; flex-direction: column; justify-content: center; @@ -91,13 +92,16 @@ @include truncate-lines(1); } &__content { - font-weight: 500; - font-size: 14px; - line-height: 21px; - color: $gray-300; - margin: 0; + font-weight: 500; + font-size: 14px; + line-height: 21px; + color: $gray-300; + margin: 0; + @include breakpoint-medium { + @include truncate-lines(8); + } } - + &__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 89d19f7a..57800958 100644 --- a/website/modules/asset/ui/src/scss/_testimonials.scss +++ b/website/modules/asset/ui/src/scss/_testimonials.scss @@ -73,7 +73,6 @@ color: $gray-300; overflow: auto; height: 150px; - @include font-settings(14px, 150%, 400); } } From 858d5984d48592e2a513aa3171042ecd41d90f50 Mon Sep 17 00:00:00 2001 From: Vitalii Pikozh Date: Tue, 12 Aug 2025 09:51:22 +0300 Subject: [PATCH 4/5] Revert "Revert "fix"" This reverts commit 1d805fc3cfb5e1337d875fc5fe3d97a5e7c00f70. --- .../modules/asset/ui/src/scss/_carousel.scss | 20 ++++++++----------- .../asset/ui/src/scss/_testimonials.scss | 1 + 2 files changed, 9 insertions(+), 12 deletions(-) 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 57800958..89d19f7a 100644 --- a/website/modules/asset/ui/src/scss/_testimonials.scss +++ b/website/modules/asset/ui/src/scss/_testimonials.scss @@ -73,6 +73,7 @@ color: $gray-300; overflow: auto; height: 150px; + @include font-settings(14px, 150%, 400); } } From e7714566e27e69d570d01b84764323410ac5f998 Mon Sep 17 00:00:00 2001 From: Vitalii Pikozh Date: Tue, 12 Aug 2025 10:42:07 +0300 Subject: [PATCH 5/5] fix css --- .../modules/asset/ui/src/scss/_testimonials.scss | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/website/modules/asset/ui/src/scss/_testimonials.scss b/website/modules/asset/ui/src/scss/_testimonials.scss index 89d19f7a..2670217f 100644 --- a/website/modules/asset/ui/src/scss/_testimonials.scss +++ b/website/modules/asset/ui/src/scss/_testimonials.scss @@ -71,8 +71,18 @@ } .sf-person__content { color: $gray-300; - overflow: auto; - height: 150px; + + 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); }