Add more differentiating borders to Questions and Answers
- Dominant language
- Go
- Stars
- 15.7k
- Forks
- 1.4k
- Avg merge
- 3d 8h
- Merged PRs (30d)
- 7
Description
## Is your enhancement request related to a problem? Please describe
The current view of a question makes it harder than nessessary to differentiate between the question and it's answers.
## Describe the solution you'd like
I'd suggest adding a border to both of them, which creates clear distinctions between each element.
## Describe alternatives you've considered
I am currently using this custom css to achieve this:
```css
/* Border for question and answer */
.answer-item ,
.questionDetailPage > div:nth-child(1) > div:nth-child(1){
border: var(--bs-border-width) solid var(--bs-border-color-translucent);
padding: 12px;
border-radius: var(--bs-border-radius);
}
/* add spacing between answers when they have a border */
.answer-item {
margin-bottom: 1em;
}
/* find accepted answer, and change its border to differentiate */
.answer-item:has(> .mb-3.lh-1) {
border: green;
border-width: medium;
border-style: solid;
}
```
Screenshot:
Contributor guide
No contributing guide indexed for this repository
Assessment
This issue has not been assessed yet.