wp-notification-center icon indicating copy to clipboard operation
wp-notification-center copied to clipboard

Notifications with long text push off screen

Open karpstrucking opened this issue 10 years ago • 3 comments

The notifications I run into in the wild are quite often more than a few words, more like a few sentences at least. It looks like the default admin bar styling doesn't play well with that, causing the text to push off screen rather than wrapping:

image

karpstrucking avatar Sep 12 '15 01:09 karpstrucking

The text could be truncated using CSS, e.g. like this:

.notification {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

The full text could be shown on hover or something else.

Another possibility is to add word breaks so the item just gets taller instead of wider.

swissspidy avatar Sep 12 '15 18:09 swissspidy

UI/UX isn't my thing, but here's an idea:

image

karpstrucking avatar Sep 12 '15 19:09 karpstrucking

I agree, this needs a global solution. I like the max height combined with a scroll.

barrykooij avatar Sep 12 '15 19:09 barrykooij