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

DOC ui-tile.html: Tiles with Actions: text-overflow doesn't work for long texts on small screens #59

Closed
ghost opened this issue Aug 5, 2015 · 1 comment

Comments

@ghost
Copy link

ghost commented Aug 5, 2015

Hi,

It's a correction/adaptation of the documentation or your CSS file.
The text-overflow doesn't work for long texts on small screens in tiles with actions.

File: ui-tile.html
Section: Tiles with Actions

Code:

<div class="tile-inner">
    <span class="text-overflow">consectetur adipiscing elit, consectetur adipiscing elit, consectetur adipiscing elit</span>
</div>

Screenshot:
tile_text_wo_overflow

When the code works correctly:

<div class="tile-inner text-overflow">
    <span class="">consectetur adipiscing elit, consectetur adipiscing elit, consectetur adipiscing elit</span>
</div>

tile_text_w_overflow

Kind Regards

@sesemaya
Copy link
Contributor

sesemaya commented Aug 6, 2015

hi @avirexavier good find. this is actually because of firefox's implementation of the new flexbox spec (https://support.mozilla.org/en-US/questions/1030626)

anyway, .tile-inner has been updated and now even the original html will work just fine.

sesemaya added a commit that referenced this issue Aug 6, 2015
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

1 participant