search

Magickbase / visual-style-guide

0 stars 1 forks source link

Optimize author list of nervos.org #29

Closed Keith-CY closed 1 year ago

Keith-CY commented 1 year ago

This issue comes from https://github.com/NervosEducationHub/EducationHubArticles/issues/29#issuecomment-1646932587

Now the author list displays multiple authors with stacked avatars and the first author's name.

image page: https://www.nervos.org/knowledge-base/understanding_nervos_ckb_issuance_model

image page: https://www.nervos.org/knowledge-base

It's not fair for other authors, so it's expected to show all of them by interaction mentioned at https://github.com/NervosEducationHub/EducationHubArticles/issues/29#issuecomment-1646932587

image or image

Either is good for the improvement, and can be redesigned by @Kirl70

Kirl70 commented 1 year ago

Design Draft: https://www.figma.com/file/6XNoimRDbFTTNm016rbIdU/Magickbase?type=design&node-id=22063%3A22333&mode=design&t=TCwalGkUfcvc8qNC-1

When there is enough space, display the avatars of up to 5 authors, and use the 6th icon to show the total number of authors:

image

When space is limited, only display the avatar of the first author and the total number of authors:

image