From ea5cd0fa2cdc7655ed5ecf134dedd52400837ef2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?G=C3=A9rald=20Niel?= Date: Tue, 17 Apr 2018 18:55:14 +0200 Subject: [PATCH 1/2] See commit 2a97572 fix #397 (regression) --- .../src/app/videos/+video-watch/video-watch.component.scss | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) 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 3ebeccd4b..9b7bc7351 100644 --- a/client/src/app/videos/+video-watch/video-watch.component.scss +++ b/client/src/app/videos/+video-watch/video-watch.component.scss @@ -215,7 +215,8 @@ font-size: 15px; .video-info-description-html { - word-wrap: break-word; + word-break: normal; + word-wrap: normal; text-align: justify; } @@ -251,6 +252,8 @@ } .other-videos { + padding-left: 1em; + .title-page { margin-top: 0; } From f7ecffa49a487655a4527c1631e7539b50feb6ef Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?G=C3=A9rald=20Niel?= Date: Thu, 19 Apr 2018 19:40:18 +0200 Subject: [PATCH 2/2] Update css (don't cut word arbitrary) for description and comments. --- .../+video-watch/comment/video-comment.component.scss | 7 ++++++- .../app/videos/+video-watch/video-watch.component.scss | 9 +++++++-- 2 files changed, 13 insertions(+), 3 deletions(-) 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 3a3f32b83..4c481d486 100644 --- 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 d78e5c6a1..b9596cbee 100644 --- 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; }