[FIX] website_blog: display properly (very) long words in comments

diff --git a/addons/website_blog/static/src/css/website_blog.css b/addons/website_blog/static/src/css/website_blog.css
index 9097e3a..9317ba3 100644 (file)
--- a/addons/website_blog/static/src/css/website_blog.css
+++ b/addons/website_blog/static/src/css/website_blog.css
@@ -150,3 +150,7 @@ div#blog_angle_down a:hover {
 mark + .popover {
   cursor: pointer;
 }
+
+.discussion_scroll_post {
+  overflow-x: auto;
+}

diff --git a/addons/website_blog/static/src/css/website_blog.sass b/addons/website_blog/static/src/css/website_blog.sass
index 6342c6b..f1fd0e5 100644 (file)
--- a/addons/website_blog/static/src/css/website_blog.sass
+++ b/addons/website_blog/static/src/css/website_blog.sass
@@ -134,3 +134,6 @@ div#blog_angle_down
 
 mark + .popover
     cursor: pointer
+
+.discussion_scroll_post
+    overflow-x: auto

diff --git a/addons/website_blog/static/src/xml/website_blog.inline.discussion.xml b/addons/website_blog/static/src/xml/website_blog.inline.discussion.xml
index 8c1cda2..1acf085 100644 (file)
--- a/addons/website_blog/static/src/xml/website_blog.inline.discussion.xml
+++ b/addons/website_blog/static/src/xml/website_blog.inline.discussion.xml
@@ -9,7 +9,7 @@
                 <button class="btn btn-danger btn-xs js_publish_btn">Not Published</button>
                 <button class="btn btn-success btn-xs js_publish_btn">Published</button>
             </div>
-            <div class="media-body">
+            <div class="media-body discussion_scroll_post">
                 <div t-esc='res.body'/>
                 <small class="text-muted">
                     by

diff --git a/addons/website_blog/views/website_blog_templates.xml b/addons/website_blog/views/website_blog_templates.xml
index 20d0428..d2868c5 100644 (file)
--- a/addons/website_blog/views/website_blog_templates.xml
+++ b/addons/website_blog/views/website_blog_templates.xml
@@ -236,7 +236,7 @@
                             "fields": ["name"]
                         }'/>
                     <span class="text-muted">on <span t-field="message.date"/></span>
-                    <div t-field="message.body"/>
+                    <div t-field="message.body" class="discussion_scroll_post"/>
                 </div>
             </li>
         </ul>