Re: Extending the text-overflow/overflow property to support fading out

2013-05-29 Thread Jared Wein
- Original Message - From: Jared Wein jw...@mozilla.com To: dev-platform@lists.mozilla.org Sent: Tuesday, May 28, 2013 5:58:34 PM Subject: Re: Extending the text-overflow/overflow property to support fading out - Original Message - From: Robert O'Callahan rob

Re: Extending the text-overflow/overflow property to support fading out

2013-05-28 Thread Jared Wein
- Original Message - From: Robert O'Callahan rob...@ocallahan.org To: Jonathan Watt jw...@jwatt.org Cc: dev-platform@lists.mozilla.org Sent: Wednesday, May 22, 2013 10:11:55 PM Subject: Re: Extending the text-overflow/overflow property to support fading out I'm pretty sure

Re: Extending the text-overflow/overflow property to support fading out

2013-05-22 Thread Jonathan Watt
On 21/05/2013 11:04, fantasai wrote: First thought: I don't think this belongs on 'overflow'. That says how to handle overflow, not how to style the visible content. In the case of extending 'overflow', I'd imagine the fade would go on the outside of the clip rect rather than on the inside.

Extending the text-overflow/overflow property to support fading out

2013-05-22 Thread Jonathan Watt
The design for the Australis theme refresh calls for tab text that needs to be truncated to be faded out instead of using an ellipsis. This fade should be a fixed width (say 2em) regardless of the width of the tab, and apparently needs to work over non-solid color backgrounds (so a

Re: Extending the text-overflow/overflow property to support fading out

2013-05-22 Thread fantasai
On 05/21/2013 05:31 PM, Jonathan Watt wrote: The design for the Australis theme refresh calls for tab text that needs to be truncated to be faded out instead of using an ellipsis. This fade should be a fixed width (say 2em) regardless of the width of the tab, and apparently needs to work over

Re: Extending the text-overflow/overflow property to support fading out

2013-05-22 Thread Robert O'Callahan
I'm pretty sure an unconditional mask with a linear gradient on the right-hand-end of the text could be achieved using 'mask-box-image' and slicing appropriately: http://www.w3.org/TR/css-masking/#the-mask-box-image. That's not currently implemented in Gecko, but it's worth implementing. A