Problem/Motivation

When browsing the schedule page on desktop, some tabs are available to change the day we are browsing. These tabs are not displayed on mobile as it is the default behavior for tabs to be hidden on mobile in the CSS.

Here on desktop:
Screenshot of the schedule page on desktop
Screenshot of the schedule page on mobile

Steps to reproduce

Set a schedule with some sessions.
Check the schedule page on desktop and mobile.
The links showing the days is visible only on desktop (see the following screenshot).
Screenshot of the tabs that are missing on mobile

Proposed resolution

.tabs__tab in /sass/components/drupal/tabs.scss is set to display: none;.
It's only a media query that set it back to flex on desktop.
We should probably set a specific entry for the schedule itself I guess so that we don't mess with the tabs behavior in general. Or we should set this element as any other kind if thing but tabs.

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

Comments

nicoloye created an issue. See original summary.

nicoloye’s picture

StatusFileSize
new1.05 KB

Adding patch for testing purposes.

nicoloye’s picture

Status: Active » Needs review
mandclu’s picture

Version: 1.0.x-dev » 2.0.x-dev

  • mandclu committed f46ab1a5 on 2.0.x
    fix: #3578866 The day selection is not possible on the schedule page on...
mandclu’s picture

Status: Needs review » Fixed

Thanks for identifying this, and for providing a fix. Merged into the 2.0.x branch

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.