GNU bug report logs - #75296
[PATCH website] website: blog: Avoid long words overflowing in post previews.

Previous Next

To add a comment to this bug, you must first unarchive it, by sending
a message to control AT debbugs.gnu.org, with unarchive 75296 in the body.
You can then email your comments to 75296 AT debbugs.gnu.org in the normal way.

Toggle the display of automated, internal messages from the tracker.

Message #5 received at submit <at> debbugs.gnu.org (full text, mbox):

From: sirgazil <at> zoho.com
To: guix-patches <at> gnu.org
Cc: Luis Felipe <sirgazil <at> zoho.com>
Subject: [PATCH website] website: blog: Avoid long words overflowing in post
 previews.
Date: Thu,  2 Jan 2025 13:35:16 -0500

From: Luis Felipe <sirgazil <at> zoho.com>

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

Message #8 received at 75296 <at> debbugs.gnu.org (full text, mbox):

From: Noé Lopez <noe <at> xn--no-cja.eu>
To: 75296 <at> debbugs.gnu.org
Cc: sirgazil <at> zoho.com
Subject: Re: [PATCH website] website: blog: Avoid long words overflowing in
 post previews.
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 <sirgazil <at> zoho.com>
> 
> 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

Message #11 received at 75296 <at> debbugs.gnu.org (full text, mbox):

From: Luis Felipe <sirgazil <at> zoho.com>
To: Noé Lopez <noe <at> xn--no-cja.eu>, 75296 <at> debbugs.gnu.org
Subject: Re: [PATCH website] website: blog: Avoid long words overflowing in
 post previews.
Date: Fri, 3 Jan 2025 15:17:40 +0000

[Message part 1 (text/plain, inline)]

Hi Noé,

On 3/01/25 12:56, Noé Lopez wrote:
> Hi,
>
> I think “overflow-wrap: break-word;” would be more appropriate, as it
> does not cut off information or letters in half.
I think you're right. But how about using both? That way, long text 
would be wrapped, and other kinds of content that could extend beyond 
the container's area would be prevented from overflowing.

Thanks for reviewing.

[OpenPGP_0x0AB0D067012F08C3.asc (application/pgp-keys, attachment)]

[OpenPGP_signature.asc (application/pgp-signature, attachment)]

Message #14 received at 75296 <at> debbugs.gnu.org (full text, mbox):

From: sirgazil <at> zoho.com
To: 75296 <at> debbugs.gnu.org
Cc: Luis Felipe <sirgazil <at> zoho.com>
Subject: [PATCH website v2] website: blog: Prevent content from overflowing in
 post previews.
Date: Sat,  4 Jan 2025 13:23:33 -0500

From: Luis Felipe <sirgazil <at> 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(+)

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;
 }

base-commit: 53f18814bd231acb5f452de8b511d3260013ca79
-- 
2.46.0

Message #19 received at 75296-done <at> debbugs.gnu.org (full text, mbox):

From: "pelzflorian (Florian Pelz)" <pelzflorian <at> pelzflorian.de>
To: sirgazil <at> zoho.com
Cc: Noé Lopez <noe <at> xn--no-cja.eu>, 75296-done <at> debbugs.gnu.org
Subject: Re: [bug#75296] [PATCH website v2] website: blog: Prevent content
 from overflowing in post previews.
Date: Mon, 06 Jan 2025 13:24:23 +0100

Pushed as 0dad82394930d827738f9cf8c9bbb7fa6ace7965.

Thank you Luis and Noé.

Regards,
Florian

Previous Next

GNU bug tracking system
Copyright (C) 1999 Darren O. Benham, 1997,2003 nCipher Corporation Ltd, 1994-97 Ian Jackson.