newhinton opened a new issue, #1369:
URL: https://github.com/apache/answer/issues/1369
## 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:
<img width="1575" height="1135" alt="Image"
src="https://github.com/user-attachments/assets/b7738b07-93b7-4a01-a5f4-cf2d90763ac1";
/>
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
