Mobile responsive sequence navigation (#28)

[TNL-7072] When a sequence navigation would overflow, convert it to a dropdown.
This commit is contained in:
Adam Butterworth
2020-03-13 12:57:08 -04:00
committed by GitHub
parent 24ca1aa730
commit a4c978a303
8 changed files with 299 additions and 91 deletions

View File

@@ -20,7 +20,7 @@ function CourseTabsNavigation({
{tabs.map(({ url, title, slug }) => (
<a
key={slug}
className={classNames('nav-link', { active: slug === activeTabSlug })}
className={classNames('nav-item flex-shrink-0 nav-link', { active: slug === activeTabSlug })}
href={`${getConfig().LMS_BASE_URL}${url}`}
>
{title}