Skip to content
This repository has been archived by the owner on Sep 22, 2023. It is now read-only.

Revamp preview cards and tags #65

Closed
Chalarangelo opened this issue Jan 24, 2020 · 1 comment · Fixed by #80
Closed

Revamp preview cards and tags #65

Chalarangelo opened this issue Jan 24, 2020 · 1 comment · Fixed by #80
Assignees
@Chalarangelo
Labels
UI/UX Related to UI/UX
Milestone
2020 Sprint #4

Comments

@Chalarangelo
Copy link
Owner

Redesign preview cards and tags. The idea is to incorporate language icons (#32) to the cards and declutter them as much as possible. Tags should be revamped either in the form of chips or more plain-text alternatives without as many borders. Expertise indicators might be placed in two distinct places as to provide more dense icon-based information, while allowing tags to be decluttered.

Some of these changes will also be applied to the snippet page cards and simple cards for increased design consistency.
@Chalarangelo Chalarangelo added the UI/UX Related to UI/UX label Jan 24, 2020
@Chalarangelo Chalarangelo added this to the 2020 Sprint #4 milestone Jan 24, 2020
@Chalarangelo Chalarangelo self-assigned this Jan 24, 2020
@Chalarangelo Chalarangelo mentioned this issue Feb 8, 2020
Closed
@Chalarangelo
Copy link
Owner Author

Design notes

Screenshot from 2020-02-27 22-59-35

  • Category tag + expertise will be added as a visual section to the left of the title to allow easy scanning
  • Tags will be collapsed as a comma-separated list, as to deemphasize them and declutter the area
  • The shadow will be toned down to declutter the listing
  • All of these changes will also be copied to the snippet page
  • Card padding or individual margins will decrease on mobile to provide a better experience

Chalarangelo added a commit that referenced this issue Feb 29, 2020
@Chalarangelo
Update preview cards to use icons and new layout
442c84c 
Resolves #65
@Chalarangelo Chalarangelo mentioned this issue Feb 29, 2020
Merged
Chalarangelo added a commit that referenced this issue Feb 29, 2020
@Chalarangelo
Update preview cards to use icons and new layout
348c7ae 
Resolves #65
Chalarangelo added a commit that referenced this issue Mar 3, 2020
@Chalarangelo
Merge pull request #80 from 30-seconds/preview-cards-v2
7ffbc73 
Update Preview/Snippet Card styling
Resolves #32
Resolves #65
Resolves #74
@lock lock bot locked as resolved and limited conversation to collaborators May 5, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@Chalarangelo Chalarangelo

Labels
UI/UX Related to UI/UX
Projects
None yet
Milestone
2020 Sprint #4
Development

Successfully merging a pull request may close this issue.

Update Preview/Snippet Card styling Chalarangelo/30-seconds-web
1 participant
@Chalarangelo