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

[css-overflow] consider giving more fine control on ellipsis #5417

Open
nico3333fr opened this issue Aug 11, 2020 · 3 comments
Open

[css-overflow] consider giving more fine control on ellipsis #5417

nico3333fr opened this issue Aug 11, 2020 · 3 comments

Comments

@nico3333fr
Copy link

https://drafts.csswg.org/css-overflow/ - I suppose.

Author should be able to control the way ellipsis happens and is computed, here is a simple example I face (I'm developing ProtonMail v4):

image

<span class="ellipsis">
  <span class="inline name">test account</span> 
  <span class="inline mail opacity-50">&lt;testaccount@protonmail.com&gt;</span>
</span>

Actually, I've to set up everything inline and apply the ellipsis on the entire block. Could be nice to be able to get something like this:

  • test account <testaccount@proton...>
  • test account <...>
  • test accou...

In this case, I would need:

  • something that allows me to say text-overflow: ellipsis <please use the color of the child element that is ellipsized> (which is currently not the case)
  • better: a kind of parameter for the "priority" on how to apply ellipsis stuff
@TheSonOfThomp
Copy link

Are you asking for ellipsis color control, or control over which characters are 'ellipsized' (or both)?

@nico3333fr
Copy link
Author

Both :)

@SebastianZ
Copy link
Contributor

Those two things are separate enough to discuss them separately. So you should rather create a new one for styling the ellipsis and keep this one for providing control over how ellipsizing is done.

For what it's worth, there are previous discussions on ellipsizing in the middle of a string in #3937.

Sebastian

@tabatkins tabatkins changed the title [css-text-overflow:ellipsis] consider giving more fine control on ellipsis [css-overflow] consider giving more fine control on ellipsis Aug 19, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants