Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Set up text clipping for very long locations #5

Open
evanblack opened this issue Jun 16, 2011 · 2 comments
Open

Set up text clipping for very long locations #5

evanblack opened this issue Jun 16, 2011 · 2 comments
Assignees
Labels
Milestone

Comments

@evanblack
Copy link
Owner

Set up some text clipping for when locations in the header of the weather view are super long.

Reference:
http://www.456bereastreet.com/archive/201105/clipping_text_with_css3_text-overflow/

@ghost ghost assigned evanblack Jun 16, 2011
@evanblack
Copy link
Owner Author

Tested with some longer city/town locations (Kleinfeltersville, PA and Fredericksburg, VA), which still fit, so I think this is fairly low priority.

@evanblack
Copy link
Owner Author

Need to add a right padding to the header element to account for the timestamp. Add these CSS properties:
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;

Also may need to absolutely postion the timestamp as opposed to float.

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

No branches or pull requests

1 participant