Subject: [bug#75296] [PATCH website] website: blog: Avoid long words overflowing in post previews.

From: Noé Lopez <[email-masked]>
Date: Fri, 03 Jan 2025 13:56:45 +0100

Hi,

I think “overflow-wrap: break-word;” would be more appropriate, as it
does not cut off information or letters in half.

Good evening,
Noé

> From: Luis Felipe <[email-masked]>
> 
> This prevents long, unbreakable text (e.g. a commit hash) in post
> previews, from overflowing and overlapping the content of other
> previews.
> 
> * website/themes/initial/css/item-preview.css (.item-preview): Hide
> overflow.
> ---
>  website/themes/initial/css/item-preview.css | 1 +
>  1 file changed, 1 insertion(+)
> 
> diff --git a/website/themes/initial/css/item-preview.css b/website/themes/initial/css/item-preview.css
> index 16e698f..750047a 100644
> --- a/website/themes/initial/css/item-preview.css
> +++ b/website/themes/initial/css/item-preview.css
> @@ -5,6 +5,7 @@
>  .item-preview:visited {
>      color: #4D4D4D;
>      display: block;
> +    overflow: hidden;
>      padding: 10px 15px;
>      text-align: left;
>  }
> 
> base-commit: 53f18814bd231acb5f452de8b511d3260013ca79
> -- 
> 2.46.0