Merge pull request #122 from plentymarkets/fix/comment_breaks

Don't convert line break to br and add css white space prop

meta/documents/changelog_de.md

@@ -1,5 +1,15 @@
 # Release Notes für Feedback
 
+## v4.0.2 (2021-05-05)
+
+### TODO
+
+- Nach dem Update auf Version 4.0.2 müssen Widgets im Menü **CMS » ShopBuilder** durch Klick auf **Inhalte neu generieren** aktualisiert werden.
+
+### Behoben
+
+- Zeilenumbrüche in Kommentaren zu Kundenrezensionen wurden als `<br>`-Tag gerendert. Dies wurde behoben.
+
 ## v4.0.1 (2021-04-28)
 
 ### TODO

meta/documents/changelog_en.md

@@ -1,13 +1,23 @@
 # Release Notes for Feedback
 
+## v4.0.2 (2021-05-05)
+
+### TODO
+
+- After updating the feedback plugin to v4.0.2, it is necessary to re-generate ShopBuilder widgets via the **Regenerate contents** button in the **CMS » ShopBuilder** menu.
+
+### Fixed
+
+- Line breaks in comments for customer reviews were rendered as `<br>` tags. This has been fixed.
+
 ## v4.0.1 (2021-04-28)
 
 ### TODO
 
 - This version of the feedback plugin is only compatible with Ceres v5.0.27 or higher.
 - After updating the feedback plugin to v4.0.1, it is necessary to re-generate ShopBuilder widgets via the **Regenerate contents** button in the **CMS » ShopBuilder** menu.
 
-### Behoben
+### Fixed
 
 - The number of feedbacks in the star rating widget was incorrectly positioned. As a result, the rating stars concealed the feedback count. This has been fixed.
 

package.json

@@ -1,7 +1,7 @@
 {
     "name": "plentymarkets-feedback",
     "license": "AGPL-3.0",
-    "version": "4.0.1",
+    "version": "4.0.2",
     "repository": {
         "type": "git",
         "url": "https://github.com/plentymarkets/feedback-plugin.git"

plugin.json

@@ -1,5 +1,5 @@
 {
-    "version": "4.0.1",
+    "version": "4.0.2",
     "name": "Feedback",
     "marketplaceName": {
         "de": "Kunden-Feedback",

resources/css/main.css

@@ -136,7 +136,8 @@
         vertical-align: bottom; }
     .feedback-container .feedback-list .feedback .feedback-comment .feedback-comment-text {
       margin-bottom: 0px;
-      word-break: break-word; }
+      word-break: break-word;
+      white-space: pre-line; }
     .feedback-container .feedback-list .feedback .feedback-comment .feedback-replies {
       margin-top: 20px;
       padding-left: 30px; }

resources/css/main.scss

@@ -209,6 +209,7 @@
                 .feedback-comment-text {
                     margin-bottom: 0px;
                     word-break: break-word;
+                    white-space: pre-line;
                 }
 
                 .feedback-replies {

resources/js/src/app/components/item/singleitem/FeedbackComment.vue

@@ -252,8 +252,7 @@ export default {
       return this.feedbackData
         .feedbackComment
         .comment
-        .message.split('\n')
-        .join('<br />')
+        .message
     },
 
     isPurchased () {