Page MenuHomePhabricator

Zebra: visual refinements
Closed, DuplicatePublicFeature

Description

Feature summary (what you would like to be able to do and where):
possible visual refinements: exploring the use of the same lines for elements in different areas

Home page without header (exemple enwiki)

Zebra with top line (now)Zebra with top line (now)Zebra with top line (now)Zebra without top line and realignement of elements (mockup)Zebra without top line and realignement of elements (mockup)
Home page enwiki 1.png (1×2 px, 494 KB)
Home page enwiki 2.jpg (1×2 px, 1023 KB)
Home page enwiki 3.jpg (1×2 px, 1 MB)
Home page enwiki 4.jpg (1×2 px, 1 MB)
Home page enwiki 5.jpg (1×2 px, 1004 KB)

Home page with a header (exemple frwiki)

Zebra (now)Zebra (now)Zebra realignement of elements (mockup)Zebra realignement of elements (mockup)
Home page frwiki.jpg (1×2 px, 811 KB)
Home page frwiki con linee.jpg (1×2 px, 964 KB)
maquette Home page frwiki barra alta con linee.jpg (1×2 px, 858 KB)
maquette Home page frwiki barra alta.jpg (1×2 px, 820 KB)

Article page

Zebra (now)Zebra (now)Zebra realignement of elements (mockup)Zebra realignement of elements (mockup)
article page enwiki without lines.jpg (1×2 px, 1003 KB)
article page enwiki with lines.jpg (1×2 px, 1 MB)
article page enwiki mockup with lines.jpg (1×2 px, 1 MB)
article page enwikimockup without lines.jpg (1×2 px, 1011 KB)

Article page with two lines title

Zebra with top line (now)Zebra with top line (now)Zebra without top line and realignement of elements (mockup)Zebra without top line and realignement of elements (mockup)
enwiki article with long title.jpg (1×2 px, 691 KB)
enwiki article with long title with lines.jpg (1×2 px, 859 KB)
article with long title mockup with lines.jpg (1×2 px, 795 KB)
article with long title mockup.jpg (1×2 px, 692 KB)

Benefits (why should this be implemented?):

  • more clear design

Event Timeline

These are all good suggestions, unfortunately a lot of them are no longer relevant since we're not moving forward with the zebra design (at the moment) but some of them are still relevant, specifically the alignment of the sidebar menus and the tabs. I've written T351432 to address this issue specifically. It'll also make future alignment changes easier.

Also, the top-border on pages without titles has been addressed in T351119.

With that, I think we can close out this task and we can revisit alignment issues if we go with the newer redesign in future.