Skip to content
This repository has been archived by the owner on Oct 20, 2022. It is now read-only.

show_cv layout broken at various widths #66

Open
andylolz opened this issue Apr 28, 2015 · 2 comments
Open

show_cv layout broken at various widths #66

andylolz opened this issue Apr 28, 2015 · 2 comments

Comments

@andylolz
Copy link
Collaborator

This happens for candidates with particularly long names / party names / constituency names.

At 767px < width < 992px:
screen shot 2015-04-28 at 22 20 15

At 991px < width < some big number:
screen shot 2015-04-28 at 22 21 07

@frabcus
Copy link
Owner

frabcus commented Apr 9, 2016

I'm not really sure what to do about this - it already tries to hide stuff. Perhaps some kind of maximum width on constituency names or something? Or somehow hide "MP candidate" in case where other stuff is long (make it overflow truncate?)

@frabcus
Copy link
Owner

frabcus commented May 1, 2017

Can do this kind of thing (truncates and adds ellipses at specific widths), but it gets complicated fast as it needs to be specified for each piece of text and browser width. Would rather not micro manage it quite this much.

  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100em;

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants