You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
In order to make the mobile experience better, there are going to be some sections like Frontity flow or Frontity features, that will be navigated through horizontal scrolling instead of showing the whole content.
To understand this better, check in the mobile design the Frontity features section.
HTML
Our first idea here is to include a parent div with the class dots-carrousel or bar-carrousel, and each item included in the swipe would be another div with the class carrousel-item. Here we have an example:
<divclass="wp-block-group dots-carrousel"><divclass="wp-block-group__inner-container"><divclass="wp-block-group carrousel-item"><divclass="wp-block-group__inner-container"><h4>Element 1</h4><p>Text of element 1</p></div></div><divclass="wp-block-group carrousel-item"><divclass="wp-block-group__inner-container"><h4>Element 2</h4><p>Text of element 2</p></div></div></div></div>
Where to check
Invision Homepage (mobile) - WP+React made easy (dots carrousel) and Frontity features (bar carrousel.
/common-styles/ page - dots carrousel and bar carrousel
The text was updated successfully, but these errors were encountered:
The problem I saw is that we cannot use different components for mobile and desktop a the last two ones look very different in desktop so we can reuse the same component.
We can reuse some logic and components for them tho (like the dots bar).
@SantosGuillamot, remember to open the new issues and link them in the list above! 😁
DAreRodz
changed the title
Mobile swipe
Horizontal scrolling section in mobile
Mar 18, 2020
I've just create the issue for the "WP + React made easy" (#51). For the other one, "What people are saying", I want to talk with the designer first to clarify how are we going to handle the different tweets sizes and check if it makes sense to reuse the horizontal scrolling for this as well.
Description
In order to make the mobile experience better, there are going to be some sections like Frontity flow or Frontity features, that will be navigated through horizontal scrolling instead of showing the whole content.
To understand this better, check in the mobile design the Frontity features section.
HTML
Our first idea here is to include a parent div with the class
dots-carrousel
orbar-carrousel
, and each item included in the swipe would be another div with the classcarrousel-item
. Here we have an example:Where to check
/common-styles/
page - dots carrousel and bar carrouselThe text was updated successfully, but these errors were encountered: