?
avatar franz-wohlkoenig
franz-wohlkoenig
9 Mar 2017

Steps to reproduce the issue

Looks like active Tab (Module) is inactive and vice versa, blue Line under active Tab isn't enough:
bildschirmfoto 2017-03-09 um 09 36 41

System information (as much as possible)

Joomla! 4.0.0-dev
macOS Sierra, 10.12.3
Firefox 52.0 (64-bit)
PHP 7.0.15

MAMP 4.1.1

  • PHP 7.0.15
  • MySQLi 5.6.35
avatar franz-wohlkoenig franz-wohlkoenig - open - 9 Mar 2017
avatar joomla-cms-bot joomla-cms-bot - change - 9 Mar 2017
Labels Added: ?
avatar joomla-cms-bot joomla-cms-bot - labeled - 9 Mar 2017
avatar C-Lodder
C-Lodder - comment - 9 Mar 2017

doesn't look inactive to me (personally).

Blue underline, well that's pretty straight forward. And then the darker background to show it has been clicked on.

avatar franz-wohlkoenig
franz-wohlkoenig - comment - 9 Mar 2017

@C-Lodder its also my personal Feeling, cause i have to "think" what is active. Lok at Tabs in Firefox:
bildschirmfoto 2017-03-09 um 11 18 15

avatar C-Lodder
C-Lodder - comment - 9 Mar 2017

@ciar4n thoughts?

avatar ciar4n
ciar4n - comment - 9 Mar 2017

The current design is influenced by Googles tabs... http://materializecss.com/tabs.html

It does go away from the traditional tabs which everyone is familiar with however the current (Google influenced) is increasingly becoming an accepted alternative.

avatar franz-wohlkoenig
franz-wohlkoenig - comment - 9 Mar 2017

@ciar4n Tabs-Color look all same, Difference is Line under active Tab. That looks clear.

avatar ciar4n
ciar4n - comment - 9 Mar 2017

@franz-wohlkoenig Presuming I understand you correctly do you think this would be better....

tabs

avatar ciar4n
ciar4n - comment - 9 Mar 2017

Or simply...

tabs2

avatar franz-wohlkoenig
franz-wohlkoenig - comment - 9 Mar 2017
avatar C-Lodder
C-Lodder - comment - 9 Mar 2017

As the tabs are in a header, with a background, they're more boxed in, therefore using a line only won't be as visible. The "line only" will only work well when the tabs are more free:

UIKit 3.0 example: https://getuikit.com/docs/tab

avatar franz-wohlkoenig
franz-wohlkoenig - comment - 9 Mar 2017

@C-Lodder so inactive Tabs should have darker Background.

avatar C-Lodder
C-Lodder - comment - 9 Mar 2017

not necessarily "should" :) Different software/sites will vary.

cc'ing UX team to see what they have to say:

@cpfeifer @artisanwebandprint @BrittaStender

avatar cpfeifer
cpfeifer - comment - 9 Mar 2017

The difference is subtle. In 3.x the active tab has a white or transparent border which blends with the content background, giving it the appearance of being part of the active content window while the others have a bottom border. That's what makes it pop out a bit more.

I do like the blue highlight border, but a border creates separation between the content and the active tab, and that's why the "active tab" effect seems diminished here.

We could tinker with this. I don't think it needs a major adjustment, but a subtle accent of some kind could help. Just thinking out loud, maybe the blue goes to the top and the tab is white while the others are darker, or maybe a shadow or border highlight around the active tab to help it stand out. I think it's okay, but a simple touch of some kind could make a difference.

avatar tonypartridge
tonypartridge - comment - 19 Mar 2017

I see no issue with this at all.

The active tabs are slightly greyed with a nice underline of blue which shows it is active and the line shows there is more content below which as it's completely new content it is. Thus being perfectly valid.

avatar franz-wohlkoenig franz-wohlkoenig - change - 19 Mar 2017
Priority Medium Low
Status New Discussion
avatar franz-wohlkoenig franz-wohlkoenig - change - 30 Mar 2017
Category UI/UX
avatar C-Lodder
C-Lodder - comment - 19 Apr 2017

@franz-wohlkoenig - what's happening with this? Still an issue for you? If so, would you be able to make a PR?

avatar franz-wohlkoenig
franz-wohlkoenig - comment - 19 Apr 2017

not an Issue if for others okay.

avatar franz-wohlkoenig franz-wohlkoenig - change - 19 Apr 2017
Status Discussion Closed
Closed_Date 0000-00-00 00:00:00 2017-04-19 10:24:10
Closed_By franz-wohlkoenig
avatar franz-wohlkoenig franz-wohlkoenig - close - 19 Apr 2017

Add a Comment

Login with GitHub to post a comment