Add container-query esque styles to LessonActions so they work well in all container sizes
Add extra small container width
Add ViewportWidth component to watch the viewport/browser width and determine if the user is likely on desktop for certain features
Add ViewportWidth example/documentation
Use ViewportWidth in lesson actions, to only display the upload/replace video action when the user is likely on desktop (over 1200px viewport width)
Minor version bump
Result For User
This shows how the LessonActions styles change by the container's width:
This shows the new ViewportWidth component (how it is different than ContainerWidth) and it's use in LessonActions to only display the upload/replace video option when likely on desktop, not related to the container width.
Changes
LessonActions
to match mockLessonActions
so they work well in all container sizesViewportWidth
component to watch the viewport/browser width and determine if the user is likely on desktop for certain featuresViewportWidth
example/documentationViewportWidth
in lesson actions, to only display the upload/replace video action when the user is likely on desktop (over 1200px viewport width)Result For User
This shows how the
LessonActions
styles change by the container's width:This shows the new
ViewportWidth
component (how it is different thanContainerWidth
) and it's use inLessonActions
to only display the upload/replace video option when likely on desktop, not related to the container width.