Issue Details (XML | Word | Printable)

Key: MDL-17384
Type: Improvement Improvement
Status: Open Open
Priority: Minor Minor
Assignee: Urs Hunkler
Reporter: Tim Hunt
Votes: 2
Watchers: 1
Operations

Add/Edit UI Mockup to this issue
If you were logged in you would be able to see more operations.
Moodle

Improve the second row of moodle tab bars, so that it is clear it is a tab bar.

Created: 25/Nov/08 11:57 AM   Updated: 18/Dec/08 12:55 AM
Return to search
Component/s: Themes, Usability
Affects Version/s: 2.0
Fix Version/s: 2.0

Issue Links:
Dependency
 
Relates
 

Participants: Olli Savolainen, Tim Hunt and Urs Hunkler
Security Level: None
Affected Branches: MOODLE_20_STABLE
Fixed Branches: MOODLE_20_STABLE


 Description  « Hide
MDL-14477 made some improvements to the Moodle tab bar, which are OK, as far as they go, but there is still the issue that the things on a second row do not really look like tabs.

Copying Olli Savolainen's comment on that bug:

..., it is not quite clear visually that there are subtabs in the first place. They do not have the visual appearance of tabs. This becomes problematic in otherwise busy UI's, such as the new Quiz UI (MDL-17284). While the eye scans the page I suspect it is easy to dismiss the grey gradient strip below the primary tab bar as just a visual element.

I propose a solution such as that in wordpress: have contrasting colors in the second row of tabs, i.e. as the first row of tabs has dark text on a light background, make the second row of tabs have bright-colored text on a dark background.

See http://moodle.org/mod/forum/discuss.php?d=72828#p326202 for an example.

The thing that makes this issue even worse is that the default theme does this halfway already: That is, the second row indeed is quite dark already, but the text is also dark, making the text harder to notice, even more so in busy UI's.

The minimal help to this issue would be to at least highlight the active tab by removing the dark color behind that active element, as demonstrated by the wordpress example.

 All   Comments   Change History   Version Control      Sort Order: Ascending order - Click to sort in descending order
Olli Savolainen added a comment - 18/Dec/08 12:55 AM
Also, it seems that in Opera (9.27 on ubuntu 8.04), the background image of the subtab bar does not show at all.