- Sponsor
-
Notifications
You must be signed in to change notification settings - Fork 778
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Add "See less" button and move "See more" button in mobile Wins page with badges #1549
Comments
Progress: read the codebase for wins pages, figure out the responsible divs to make "see less" happen. |
Progress: spoke with Danielle in regards to the consistency of the
|
@qiqicodes
|
Progress: Figuring out the css and logics to insert ellipsis (…) into HTML
Blocker: none |
@qiqicodes Please add update
|
Took this on a few days ago, have not had the chance to work on it. Will get it done before next sunday |
@jbubar Please add update
|
@jbubar Please add update
|
progress: It is all working, just need to do the finishing touches.. @qiqi did most of the work, I just fixed the positions of see more, see less div.. got it disappearing based on the size of the text. Need to come up with a clever way to add elipses in mobile, and change is back to see more when resize back to desktop |
Overview
In the version of the Wins page with badges (not live yet), we need to move the "see more" button in the mobile Wins page to be consistent with the original Figma design, and we need to add a "see less" button to the mobile Wins page so that users can collapse back the Wins cards that they expanded.
Action Items
Resources/Instructions
Wins page (currently without the badges- need to access the "wins-feature-1" branch to see them)
Figma design of Wins mobile page (in blue rectangle on the right)
'See more' button placement:
'See less' button:
The text was updated successfully, but these errors were encountered: