Making WordPress.org

Opened 4 months ago

Last modified 4 months ago

#8295 new defect (bug)

Photos: Active tab should be visually distinguished and non-clickable

Reported by: krupajnanda Owned by:
Priority: normal Milestone:
Component: Photo Directory Keywords: needs-design-feedback 2nd-opinion
Cc:

Description

The navigation allows clicking the currently active view and no meaningful navigation.

Current Behavior:

  1. When viewing Contributions, the "Contributions" button remains clickable.
  2. When viewing Favorites, the "Favorites" button remains clickable.
  3. Clicking the currently selected tab reloads or re-triggers the same view.

Expected Behavior:

One of the following patterns should be used:

Option A:

The active tab should not not clickable.

Option B:

The active tab remains clickable but is clearly distinguished as the current view and does not trigger unnecessary page actions.

Visual:

​https://acesse.one/3pyrczh

Change History (1)

#1 @alanjacobmathew
4 months ago

The active tab should be made non-clickable. It's a neat UX improvement. That said

  • The active tab has a charcoal background added, making it distinguishable.

While implementing this fix, we should also ensure that hovering over the active tab does not trigger any CSS style changes(bg color and link color). Since the tab is already active and non-clickable, its style should remain completely static too.

Note: See TracTickets for help on using tickets.