Page MenuHomePhabricator

Design a Milestone Tag
Closed, ResolvedPublic12 Quest Points

Assigned To
Authored By
chad
Feb 5 2016, 7:44 PM
Tags
Referenced Files
F1116690: pasted_file
Feb 17 2016, 5:12 PM
F1096280: Screen Shot 2016-02-06 at 5.43.01 PM.png
Feb 7 2016, 1:43 AM
F1096271: tumblr_mudg73OFlK1rgpyeqo1_500.gif
Feb 7 2016, 1:40 AM
F1093949: Screen Shot 2016-02-05 at 12.51.30 PM.png
Feb 5 2016, 8:52 PM
F1093951: Screen Shot 2016-02-05 at 12.50.02 PM.png
Feb 5 2016, 8:52 PM
F1093901: Screen Shot 2016-02-05 at 12.17.14 PM.png
Feb 5 2016, 8:17 PM
F1093899: Screen Shot 2016-02-05 at 12.16.34 PM.png
Feb 5 2016, 8:16 PM
F1093897: Rick_and_morty_icon.png
Feb 5 2016, 8:16 PM

Description

Since Milestones are only one level, it may make sense to have a "Milestone" tag that is [ Project > Milestone ]

Event Timeline

I think this is actually a little tricky. In the UI, I'd like to see us auto pre-pend the Project Name with the Milestone, then represent that as the object everywhere (search, tags, typeahead, page title). But that likely means using some UTF-8 delimiter over a pretty pretty icon.

probably doesn't look that bad.

Well, it doesn't look awesome either:

Screen Shot 2016-02-05 at 12.10.23 PM.png (100×417 px, 16 KB)

Let me look at other similar characters. Otherwise we can use this in text-only cases and an icon in HTML cases.

looks a lot better, except that it has some kind of bizarre super-wide right margin on the actual glyph, at least on my system/font:

Screen Shot 2016-02-05 at 12.11.25 PM.png (81×357 px, 14 KB)

has the bad spacing and also a weird baseline:

Screen Shot 2016-02-05 at 12.12.29 PM.png (103×426 px, 16 KB)

We could just do parens. [ Stonework (Iteration I) ]

Using the Milestone Icon should identify it clearly as a Milestone.

doesn't have the bad spacing but does have an odd baseline:

Screen Shot 2016-02-05 at 12.13.17 PM.png (67×363 px, 12 KB)

HOLD ON WE HAVE HUNDREDS OF BRACKETS TO LOOK THROUGH STILL

looks okayish but has weird spacing:

Screen Shot 2016-02-05 at 12.16.34 PM.png (68×322 px, 12 KB)

This bare "v3" in the is still a little weird:

Screen Shot 2016-02-05 at 12.50.02 PM.png (321×356 px, 30 KB)

..but I figure we'll eventually replace it with a beefier element, at least in non-collapsed mode, when this fancy stuff gets some kind of work done on it:

Screen Shot 2016-02-05 at 12.51.30 PM.png (239×347 px, 33 KB)

we could invert tag colors on milestones to stand out more.

pasted_file (204×410 px, 40 KB)

I really like the look of the inverse tag, although I haven't personally felt too much confusion about milestones vs nonmilestones on project pages.

Shy of inverting the tags, the fatter menu header might help with that -- we could also consider making that provide a stronger callout for milestones vs projects.

chad triaged this task as Low priority.Jun 12 2016, 7:55 PM
eadler added a project: Restricted Project.Aug 5 2016, 5:24 PM
chad set the point value for this task to 12.Aug 12 2016, 4:12 PM