fix moderatorfeedback not breaking words

fixes #2709
liqd · Sep 19, 2024 · ad9d9d8 · ad9d9d8
1 parent f2fdc46
commit ad9d9d8
Show file tree

Hide file tree

Showing 5 changed files with 12 additions and 1 deletion.
diff --git a/adhocracy-plus/assets/scss/components/_a4-comments.scss b/adhocracy-plus/assets/scss/components/_a4-comments.scss
@@ -355,6 +355,7 @@
 .a4-comments__moderator-feedback__text {
     color: $gray;
     margin: 0.25 * $spacer 0;
+    overflow-wrap: anywhere;
 }
 
 .a4-comments__moderator-feedback__date {

diff --git a/adhocracy-plus/assets/scss/components/_moderator_feedback.scss b/adhocracy-plus/assets/scss/components/_moderator_feedback.scss
@@ -18,6 +18,8 @@
 }
 
 .moderator-feedback__body {
+    overflow-wrap: anywhere;
+
     p:last-child {
         margin-bottom: 0;
     }

diff --git a/adhocracy-plus/assets/scss/components/_userdashboard.scss b/adhocracy-plus/assets/scss/components/_userdashboard.scss
@@ -73,6 +73,10 @@
     align-items: center;
 }
 
+.userdashboard-mod-feedback__text {
+    overflow-wrap: anywhere;
+}
+
 .userdashboard-mod-notification__btn {
     @extend .btn--none;
     border: 1px solid $gray-lightest;

diff --git a/apps/userdashboard/assets/js/a4_candy_userdashboard/ModerationFeedback.jsx b/apps/userdashboard/assets/js/a4_candy_userdashboard/ModerationFeedback.jsx
@@ -65,7 +65,7 @@ export const ModerationFeedback = (props) => {
       </div>
       <div className="row">
         <div className="col-12">
-          <p>{feedbackText}</p>
+          <span className="userdashboard-mod-feedback__text">{feedbackText}</span>
         </div>
       </div>
     </div>

diff --git a/changelog/2709.md b/changelog/2709.md
@@ -0,0 +1,4 @@
+### Fixed
+
+- fix moderator feedback on comments not breaking long words/urls (#2709)
+- fix moderator feedback on ideas/proposals not breaking long words/urls (#2709)