Wp-calypso: Domain: Expiring notice overflow

Created on 16 Jun 2016  路  5Comments  路  Source: Automattic/wp-calypso

The expiring notice on the sidebar is overflowed when the domain name is a bit long.

image

@breezyskies is there a way to force linebreak here?

Domains [Pri] Low [Type] Bug

Most helpful comment

Adding this to our backlog but probably won't get to it soon.

All 5 comments

word-wrap: break-word; should work.

Worth revisiting this issue after #3329 is merged and this notice is displayed as the compact version.

Unfortunately, word-wrap alone doesn't seem to do the trick :/
screen shot 2016-08-15 at 13 24 48

The problem seems to be that behind the scenes, the notice is expanded (flex grow probably) as needed:
screen shot 2016-08-15 at 13 43 53

Probably best if a designer looked at this and found a proper fix (since we don't want to break compact notices in other parts of the application).

Adding this to our backlog but probably won't get to it soon.

95% of .com domains are less than 28 characters. It'll fit :) This might only be a problem with subdomain mappings.

Was this page helpful?
0 / 5 - 0 ratings