WordPress.org

Make WordPress Core

Opened 4 years ago

Closed 4 years ago

#13215 closed defect (bug) (fixed)

Improve menu tabs when tabs can't fit on one line

Reported by: koopersmith Owned by: koopersmith
Milestone: 3.0 Priority: normal
Severity: normal Version: 3.0
Component: Menus Keywords:
Focuses: Cc:

Description

The current CSS is not enough, tabs end up floating all over the place. From dev chat discussions, it seems like a Firefox-esque tab interface is the best solution for JS. For no-JS, I'd say show only the selected tab and + tab, and display the rest in a dropdown (as there is no easy HTML/CSS only solution).

Attachments (7)

13215.no-js.1.patch (2.6 KB) - added by koopersmith 4 years ago.
13215.no-js.2.patch (2.5 KB) - added by koopersmith 4 years ago.
13215.no-js.3.patch (2.8 KB) - added by koopersmith 4 years ago.
13215.js.1.patch (7.2 KB) - added by koopersmith 4 years ago.
13215.js.progress.2.patch (7.2 KB) - added by koopersmith 4 years ago.
13215.js.2.patch (1.7 KB) - added by koopersmith 4 years ago.
13215.check.for.deleted.menu.1.patch (664 bytes) - added by koopersmith 4 years ago.

Download all attachments as: .zip

Change History (14)

comment:1 in reply to: ↑ description nacin4 years ago

Replying to koopersmith:

For no-JS, I'd say show only the selected tab and + tab, and display the rest in a dropdown (as there is no easy HTML/CSS only solution).

I like that. I have a feeling we should shorten longer menu names as well with a little ... action.

The current CSS is not enough, tabs end up floating all over the place. From dev chat discussions, it seems like a Firefox-esque tab interface is the best solution for JS.

Hmm, sliding, or stacking?

koopersmith4 years ago

koopersmith4 years ago

koopersmith4 years ago

koopersmith4 years ago

comment:2 nacin4 years ago

(In [14368]) First pass on sliding tabs for the nav menu admin UI. props koopersmith, see #13215.

koopersmith4 years ago

comment:3 koopersmith4 years ago

13215.js.2.patch hides the tabs manager when it's not needed.

comment:4 koopersmith4 years ago

There seems to be a slight positioning bug when using the right arrow in webkit. I'll address it soon.

comment:5 nacin4 years ago

(In [14373]) Sliding tabs for the nav menu admin UI. second pass. props koopersmith, see #13215.

comment:6 nacin4 years ago

(In [14394]) Check for deleted menus or something. It fixes a JS error. props koopersmith, see #13215.

comment:7 nacin4 years ago

  • Resolution set to fixed
  • Status changed from new to closed
Note: See TracTickets for help on using tickets.