Make message list easier to look at
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 1k
- Forks
- 348
- Avg merge
- 12h 28m
- Merged PRs (30d)
- 91
Description
Is your feature request related to a problem? Please describe.
Currently it feels to me that the message list is a bit too cluttered.
Describe the solution you'd like
Allow extra space between each message, increase subject font size. Here is my futile attempt to make it more to my liking. I think it is definitely better, but a few details still need to be adjusted (like the size of avatars and so on):
.envelope__preview-text {
width:97%;
font-size:80%;
}
.envelope__subtitle {
font-size:118%;
}
.list-item__wrapper {
margin-top:0.5em;
margin-bottom:0.5em;
}
.list-item-content {
margin-left:0.5em;
}
.list-item-details__details {
padding-bottom:0.1em;
}
.list-item-details__extra {
padding-bottom:0.3em;
}
Describe alternatives you've considered
No response
Additional context
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Locate the message-list styles for .envelope__preview-text, .envelope__subtitle, .list-item__wrapper, and the related detail classes shown in the issue. Review the current list layout and adjust spacing and subject sizing, including the noted avatar details; done means the message list is visibly less cluttered and easier to read.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100