Drive CSS standards through gaia header work

RESOLVED INCOMPLETE

Status

defect
RESOLVED INCOMPLETE
5 years ago
5 years ago

People

(Reporter: kgrandon, Assigned: kgrandon)

Tracking

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [p=13],[systemsfe])

User Story

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.

Attachments

(1 attachment)

Assignee

Description

5 years ago
No description provided.
Assignee

Updated

5 years ago
User Story: (updated)
Assignee

Updated

5 years ago
User Story: (updated)
Assignee

Updated

5 years ago
User Story: (updated)
Assignee

Updated

5 years ago
User Story: (updated)
Assignee

Updated

5 years ago
User Story: (updated)
Assignee

Comment 2

5 years ago
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/
OS: Mac OS X → Gonk (Firefox OS)
Assignee

Comment 3

5 years ago
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.