Problem/Motivation

Everyone did a great job on our new admin theme for Drupal 7, however there are few notable failures and outstanding issues we need to address.

Proposed resolution

General cleanup of Seven's code and UX issues.

Remaining tasks

Brainstorming large changes

UX
#763720: Visiblity of primary & secondary navigation - we need to fix this, its a huge pita.
#846182: Seven theme form buttons have no hover state - need to revisit this and see what we can do here.
#763720: Visiblity of primary & secondary navigation - regarding the visibility of the tabs - lets take this seriously and revisit
#538788: Implement Seven pagers as designed

Code
#723392: Tame seven's reset.css

Mobile
#1137920: Fix toolbar on small screen sizes and redesign toolbar for desktop
#1751150: Improve usability of forms on touch screen and small screen devices
#1800584: Allow the toolbar tray to be dismissed with a swipe event
#1277352: Responsive vertical tabs
#1488962: Increase touch target size of admin menu lists
#1812730: Seven's tabs/secondary nav isn't mobile friendly
Full list of Seven issues for Drupal 8: http://drupal.org/project/issues/search/drupal?status%5B%5D=Open&version...

Comments

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented
Issue tags: -d8ux, -Responsive Design +#d8ux

These things I am putting on the hit list and moving to Drupal 8 queue. There are many other bugs we need to address but I would like see these nailed sooner rather than later, in particular RTL issues, we really need to get this sort out, and the UX issues. Much of this can be back-ported when ready to D7 apart from the reset, I'm less keen to backport the reset cleanup, however you might have different ideas.

UX
#763720: Visiblity of primary & secondary navigation - we need to fix this, its a huge pita.
#846182: Seven theme form buttons have no hover state - need to revisit this and see what we can do here.

Two issues regarding the visibility of the tabs - lets take this seriously and revisit:
#1003988: Improve the visibility of tabs
#1034416: Tabs on the right go unnoticed

Important Bugs
#766458: Seven theme lacks rtl styling

Brainstorming
#1297962: Brainstorming for D8 Admin Theme features

Tasks
#723392: Tame seven's reset.css

LewisNyman’s picture

LewisNyman
he/him
CreditAttribution: LewisNyman commented
Issue tags: +#d8ux

I'm very interested in taking the Seven admin theme further. Making the theme more responsive/device agnostic.

There is only so far we can take this in core while still keeping the theme lightweight. I would appreciate some advice from people who were more involved in the initial development of Seven.

#1107906: Improve device responsiveness.

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented

I think we need to be considering this, I am doing some mobile device testing for Bartik + developing some approaches for responsive/adaptive design for core themes and running into serious issues with Seven as an admin theme in small viewports such as iphone 3 or Nokia 5800 etc, I can use the UI but its not a pleasant experience.

Lets put this on the radar.

yoroy’s picture

yoroy CreditAttribution: yoroy commented
Issue tags: -#d8ux +d8ux, +Responsive Design

Subscribble

mgifford’s picture

mgifford
he/him
Primary language English
CreditAttribution: mgifford commented

I seem to be the only one concerned. But when D8 comes out, I think it will be embarrassing to use an admin theme called Seven. Can we just call it Eight?

But more importantly there are some accessibility issues outstanding.

mgifford’s picture

mgifford
he/him
Primary language English
CreditAttribution: mgifford commented

Thinking at new issues & new ideas for Seven, I made this issue #1297962: Brainstorming for D8 Admin Theme features

I do think we should have some reflection about how well it's working for us.

I also really want to see SVG files in a repository for Seven. That would really help people visualize new ideas moving forward.

Jeff Burnz’s picture

Jeff Burnz CreditAttribution: Jeff Burnz commented

Mike there are no SVG files for Seven, not unless someone creates them. I have been working on a style guide which is basically documenting basic things like the color palette, fonts and so fourth.

mgifford’s picture

mgifford
he/him
Primary language English
CreditAttribution: mgifford commented

I don't think there are any original graphics files for Seven. They'd definitely need to be re-created. I don't know if they are available for Bartik either.

I'm mostly just talking SVG for drupal themes as it seems like it would really give us a lot of flexibility moving forward. Would be a lot of work to set it up, but hopefully someone will take it on at some point..... Sometimes I'm a bit optimistic...

A style guide for Seven & core in general is a big step forward though. Looking forward to it & thanks!

tim.plunkett’s picture

tim.plunkett
he/him
Primary language English
Location Philadelphia
CreditAttribution: tim.plunkett commented
Priority: Major » Normal
Issue tags: -#d8ux +d8ux, +Responsive Design

Demoting this from major, Bojhan agreed.

JohnAlbin’s picture

JohnAlbin
he/they/他
Primary language English
Location Taipei, Taiwan
CreditAttribution: JohnAlbin commented
Issue tags: -Responsive Design +mobile

Marking #1645904: Plan and implement style changes to Seven theme for D8 as a dupe.

JohnAlbin’s picture

JohnAlbin
he/they/他
Primary language English
Location Taipei, Taiwan
CreditAttribution: JohnAlbin commented
Title: Seven theme battle plan for D8 » [meta] Seven theme battle plan for D8
Assigned: Jeff Burnz » Unassigned

Added a proper issue summary.

JohnAlbin’s picture

JohnAlbin
he/they/他
Primary language English
Location Taipei, Taiwan
CreditAttribution: JohnAlbin commented
Issue summary: View changes

Added proper issue summary

JohnAlbin’s picture

JohnAlbin
he/they/他
Primary language English
Location Taipei, Taiwan
CreditAttribution: JohnAlbin commented
Issue summary: View changes

Add link to full list of D8 issues.

Bojhan’s picture

Bojhan CreditAttribution: Bojhan commented
Issue summary: View changes

ey

Bojhan’s picture

Bojhan CreditAttribution: Bojhan commented
Issue summary: View changes

aa

Bojhan’s picture

Bojhan CreditAttribution: Bojhan commented
Issue summary: View changes

a

Bojhan’s picture

Bojhan CreditAttribution: Bojhan commented
Issue summary: View changes

Updated issue summary.

Bojhan’s picture

Bojhan CreditAttribution: Bojhan commented

#1812730: Seven's tabs/secondary nav isn't mobile friendly

tkoleary’s picture

tkoleary CreditAttribution: tkoleary commented

Has the responsive table work done in 8 been backported to seven theme? Anyone know?

yoroy’s picture

yoroy CreditAttribution: yoroy commented

We've made a solid start with an updated style and guide for Seven theme: http://groups.drupal.org/node/283223

We need a battle plan for implementing it. What do you think is a good way to go about that and where do we start?

ry5n’s picture

ry5n CreditAttribution: ry5n commented

The Drupal 7 Style guide is moving into a prototyping phase. Planning for that is happening in the Seven Style Guide Sandbox: http://drupal.org/node/1934534.

If you’re interested in helping with this aspect of the Seven theme, please jump in!

tkoleary’s picture

tkoleary CreditAttribution: tkoleary commented

Closing as a duplicate of https://drupal.org/node/1986434

Remaining related issues from the summary have been moved into that issue

tkoleary’s picture

tkoleary CreditAttribution: tkoleary commented
Issue summary: View changes

Updated issue summary.

LewisNyman’s picture

LewisNyman
he/him
CreditAttribution: LewisNyman commented
Issue summary: View changes
Status: Active » Closed (fixed)

Looks like we hit a lot of targets in this battle plan and more! Let's close this issue now.