Update css (don't cut word arbitrary) for description and comments.

diff --git a/client/src/app/videos/+video-watch/comment/video-comment.component.scss b/client/src/app/videos/+video-watch/comment/video-comment.component.scss
index 3a3f32b83b7693da97f1c949d6d0d3153d8efc87..4c481d486bd4ef27f5feadd64ee5f720174fc7a3 100644 (file)
--- a/client/src/app/videos/+video-watch/comment/video-comment.component.scss
+++ b/client/src/app/videos/+video-watch/comment/video-comment.component.scss
@@ -48,6 +48,11 @@
     .comment-html {
       word-break: normal;
       word-wrap: break-word;
+      overflow-wrap: break-word;
+      -webkit-hyphens: auto;
+      -ms-hyphens: auto;
+      -moz-hyphens: auto;
+      hyphens: auto;
       text-align: justify;
 
       /deep/ a {
@@ -100,4 +105,4 @@
   .root-comment {
     img { margin-right: 10px; }
   }
-}
\ No newline at end of file
+}

diff --git a/client/src/app/videos/+video-watch/video-watch.component.scss b/client/src/app/videos/+video-watch/video-watch.component.scss
index d78e5c6a190c1f5b2bc4bed00b1d391d828b8cc3..b9596cbee121a49b00c8a98891fd9e2c89ecbf0c 100644 (file)
--- a/client/src/app/videos/+video-watch/video-watch.component.scss
+++ b/client/src/app/videos/+video-watch/video-watch.component.scss
@@ -216,7 +216,12 @@
 
       .video-info-description-html {
         word-break: normal;
-        word-wrap: normal;
+        word-wrap: break-word;
+        overflow-wrap: break-word;
+        -webkit-hyphens: auto;
+        -ms-hyphens: auto;
+        -moz-hyphens: auto;
+        hyphens: auto;
         text-align: justify;
       }
 
@@ -253,7 +258,7 @@
 
   .other-videos {
     padding-left: 1em;
-       
+
     .title-page {
       margin-top: 0;
     }