From e19c918ed51cdef57663ba716fdd56b23a4d27d1 Mon Sep 17 00:00:00 2001 From: Norbi <37236152+KatunaNorbert@users.noreply.github.com> Date: Mon, 13 Sep 2021 13:40:51 +0300 Subject: [PATCH] Fix title out of bounds in asset teaser component (#850) --- src/components/molecules/AssetTeaser.module.css | 5 ++--- 1 file changed, 2 insertions(+), 3 deletions(-) diff --git a/src/components/molecules/AssetTeaser.module.css b/src/components/molecules/AssetTeaser.module.css index 10ce0ccfc..d5e013c29 100644 --- a/src/components/molecules/AssetTeaser.module.css +++ b/src/components/molecules/AssetTeaser.module.css @@ -21,9 +21,7 @@ .content { margin-top: calc(var(--spacer) / 2); overflow-wrap: break-word; - word-wrap: break-word; - word-break: break-all; - + hyphens: auto; /* for sticking footer to bottom */ flex: 1; } @@ -36,6 +34,7 @@ font-size: var(--font-size-large); margin: 0; padding-bottom: calc(var(--spacer) / 6); + overflow-wrap: break-word; } .publisher {