apache / apache/answer

Add more differentiating borders to Questions and Answers

Open
#1,369 2 comments 0 reactions 1 assignee Claimed by @fenbox View on GitHub
enhancement
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:

Image

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.