Context Navigation

← Previous Ticket
Next Ticket →

#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 15 years ago.
13215.no-js.2.patch (2.5 KB) - added by koopersmith 15 years ago.
13215.no-js.3.patch (2.8 KB) - added by koopersmith 15 years ago.
13215.js.1.patch (7.2 KB) - added by koopersmith 15 years ago.
13215.js.progress.2.patch (7.2 KB) - added by koopersmith 15 years ago.
13215.js.2.patch (1.7 KB) - added by koopersmith 15 years ago.
13215.check.for.deleted.menu.1.patch (664 bytes) - added by koopersmith 15 years ago.

Download all attachments as: .zip

Change History (14)

#1 in reply to: ↑ description @nacin
15 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?