See bug 968483. Here are the current layout case I see: Centered header across viewport - Does not account for buttons Repositions itself when text overflows into buttons. - The repositioned header is centered within content that would cause it to truncate. - New property, "center-context" or similar. Values of fit, viewport. - New pseudo-selector, ::overflow to override the center-context property. Shrinks text size on overflow once we can no longer reposition. - Text should maintain centering as we shrink the text. Truncates the text if we reach some minimum font size. - Ensure text-overflow: ellipsis works with all of these cases.
No description provided.
Font-size auto discussion: http://lists.w3.org/Archives/Public/www-style/2012Feb/0617.html
Rik told me about some work that adobe is doing on some new CSS modules. We may be able to leverage some of these to get what we need. (I don't think it will cover everything, but we may be able to use some of it for the centering problem. CSS Shapes: http://dev.w3.org/csswg/css-shapes-1/ CSS Exclusions: http://dev.w3.org/csswg/css-exclusions/ CSS Regions: http://dev.w3.org/csswg/css-regions-1/
5 years ago
OS: Mac OS X → Gonk (Firefox OS)
I'm going to close this for now as I don't see a lot of value in keeping it open. It seems we have failed to do this - if this was something we had been strict about I guess we would either have some CSS properties in some standardization track, or would've polyfilled some of the CSS support in comment 2. In any case, let's close it for now, and look for ways that we can improve the web with platform standards for what gaia-header is doing, and migrate gaia-header to use those when we get time.
Status: ASSIGNED → RESOLVED
Last Resolved: 5 years ago
Resolution: --- → INCOMPLETE
You need to log in before you can comment on or make changes to this bug.