[bug#75296,website,v2] website: blog: Prevent content from overflowing in post previews.

Message ID 20250104182333.13771-1-sirgazil@zoho.com
State New
Headers
Series [bug#75296,website,v2] website: blog: Prevent content from overflowing in post previews. |

Commit Message

Alexis Praga via Guix-patches via Jan. 4, 2025, 6:23 p.m. UTC
  From: Luis Felipe <sirgazil@zoho.com>

* website/themes/initial/css/item-preview.css (.item-preview): Break
long words and avoid other possible long, unbreakable content from
extending beyond the area of the container.
---
 website/themes/initial/css/item-preview.css | 2 ++
 1 file changed, 2 insertions(+)


base-commit: 53f18814bd231acb5f452de8b511d3260013ca79
  

Comments

pelzflorian (Florian Pelz) Jan. 6, 2025, 12:24 p.m. UTC | #1
Pushed as 0dad82394930d827738f9cf8c9bbb7fa6ace7965.

Thank you Luis and NoƩ.

Regards,
Florian
  

Patch

diff --git a/website/themes/initial/css/item-preview.css b/website/themes/initial/css/item-preview.css
index 16e698f..76d1970 100644
--- a/website/themes/initial/css/item-preview.css
+++ b/website/themes/initial/css/item-preview.css
@@ -5,6 +5,8 @@ 
 .item-preview:visited {
     color: #4D4D4D;
     display: block;
+    overflow: hidden;
+    overflow-wrap: break-word;
     padding: 10px 15px;
     text-align: left;
 }