From 75b4eef73ad62e9c080f61b67d04ca3af1dbf2be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Saquetim?= <saquetim@discourse.org>
Date: Tue, 22 Jul 2025 00:29:34 -0300
Subject: [PATCH] UX: Improve appearance and handling of accepted answers
 without excerpts

- Hide blockquote for accepted answers without excerpts to avoid unnecessary visual elements.
- Adjust title padding for better alignment when excerpts are absent.
- Ensure no content fallback (`""`) when excerpts are not provided.
- Add `accepted-answer--has-excerpt` class for proper styling differentiation.
---
 .../discourse/components/solved-accepted-answer.gjs      | 3 ++-
 assets/stylesheets/solutions.scss                        | 9 +++++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/assets/javascripts/discourse/components/solved-accepted-answer.gjs b/assets/javascripts/discourse/components/solved-accepted-answer.gjs
index 4903b1c..77ed84a 100644
--- a/assets/javascripts/discourse/components/solved-accepted-answer.gjs
+++ b/assets/javascripts/discourse/components/solved-accepted-answer.gjs
@@ -29,7 +29,7 @@ export default class SolvedAcceptedAnswer extends Component {
 
   get collapsedContent() {
     if (!this.hasExcerpt) {
-      return null;
+      return "";
     }
 
     return htmlSafe(this.acceptedAnswer.excerpt);
@@ -89,6 +89,7 @@ export default class SolvedAcceptedAnswer extends Component {
       <PostQuotedContent
         class={{concatClass
           "accepted-answer"
+          (if this.hasExcerpt "accepted-answer--has-excerpt")
           (unless this.collapsedContent "title-only")
         }}
         @collapsedContent={{this.collapsedContent}}
diff --git a/assets/stylesheets/solutions.scss b/assets/stylesheets/solutions.scss
index 3995772..a07054d 100644
--- a/assets/stylesheets/solutions.scss
+++ b/assets/stylesheets/solutions.scss
@@ -64,6 +64,15 @@ aside.quote.accepted-answer {
     align-items: flex-start;
   }
 
+  &:not(.accepted-answer--has-excerpt) {
+    > .title {
+      padding: 0.8em;
+    }
+    > blockquote {
+      display: none;
+    }
+  }
+
   .accepted-answer--solver-accepter {
     display: flex;
     flex-wrap: wrap;