Skip to content

Improve sequence padding and containers on mobile - #27

Merged
abutterworth merged 2 commits into
masterfrom
abutterworth/mobile-layout-2
Mar 11, 2020
Merged

Improve sequence padding and containers on mobile#27
abutterworth merged 2 commits into
masterfrom
abutterworth/mobile-layout-2

Conversation

@abutterworth

@abutterworth abutterworth commented Mar 11, 2020

Copy link
Copy Markdown
Contributor

TNL-7072.

  • refactors some of the css class container naming, for example: sequence-container sequence unit-container unit now provide more control/granularity around padding and styling.
  • moved UnitNavigation out of the Sequence and into its own component because it seemed sensible.
  • Also fixes an issue with course tabs where multi-word titles would wrap text.

image

@abutterworth
abutterworth requested a review from a team March 11, 2020 15:36
&& unitIds.indexOf(unitId) === unitIds.length - 1;
return (
<>
<AlertList topic="sequence" />

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This seems like a good change - this AlertList shouldn't be in the container, presumably!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants