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

Template: overlapping categories and description text #44

Open
UltCombo opened this issue Dec 24, 2014 · 4 comments
Open

Template: overlapping categories and description text #44

UltCombo opened this issue Dec 24, 2014 · 4 comments

Comments

@UltCombo
Copy link
Member

@robsongajunior
Copy link
Contributor

@UltCombo how I can simuar the problem? What OS are you using?

@UltCombo
Copy link
Member Author

@robsongajunior it is on my localhost, in this specific case it happens because the timestamp's timezone (E. South America Standard Time) is too long and adds an automatic line break making the text a bit too big.

However, this problem can be easily generalized -- if you make the title or summary text bigger it will overlap with the categories.

@UltCombo
Copy link
Member Author

The solution I have in mind would be to add some margins to compensate for the absolutely positioned elements, and let the containing blocks grow to fit the text. It's easy to make all orange blocks in the same row grow in height together if we use CSS Flexible Boxes layout (or the display:table(-row|-cell) hack to have the blocks behave as table cells).

Anyway, this is not really high priority for now, but it might become a nuisance in the future, as currently we have to repeatedly manually check whether everything looks ok before publishing.

@robsongajunior
Copy link
Contributor

Great @UltCombo , I will pay attention for this.

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

No branches or pull requests

2 participants