aboutsummaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
authorGérald Niel <gerald.niel@gegeweb.org>2018-04-19 19:40:18 +0200
committerGérald Niel <gerald.niel@gegeweb.org>2018-04-19 19:40:18 +0200
commitf7ecffa49a487655a4527c1631e7539b50feb6ef (patch)
tree2eb4ac588a24fd63e50710f398cc12664a3f8424
parent0db1a226507a39b0a663e3e63f04851836a44d5a (diff)
downloadPeerTube-f7ecffa49a487655a4527c1631e7539b50feb6ef.tar.gz
PeerTube-f7ecffa49a487655a4527c1631e7539b50feb6ef.tar.zst
PeerTube-f7ecffa49a487655a4527c1631e7539b50feb6ef.zip
Update css (don't cut word arbitrary) for description and comments.
-rw-r--r--client/src/app/videos/+video-watch/comment/video-comment.component.scss7
-rw-r--r--client/src/app/videos/+video-watch/video-watch.component.scss9
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 @@
48 .comment-html { 48 .comment-html {
49 word-break: normal; 49 word-break: normal;
50 word-wrap: break-word; 50 word-wrap: break-word;
51 overflow-wrap: break-word;
52 -webkit-hyphens: auto;
53 -ms-hyphens: auto;
54 -moz-hyphens: auto;
55 hyphens: auto;
51 text-align: justify; 56 text-align: justify;
52 57
53 /deep/ a { 58 /deep/ a {
@@ -100,4 +105,4 @@
100 .root-comment { 105 .root-comment {
101 img { margin-right: 10px; } 106 img { margin-right: 10px; }
102 } 107 }
103} \ No newline at end of file 108}
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 @@
216 216
217 .video-info-description-html { 217 .video-info-description-html {
218 word-break: normal; 218 word-break: normal;
219 word-wrap: normal; 219 word-wrap: break-word;
220 overflow-wrap: break-word;
221 -webkit-hyphens: auto;
222 -ms-hyphens: auto;
223 -moz-hyphens: auto;
224 hyphens: auto;
220 text-align: justify; 225 text-align: justify;
221 } 226 }
222 227
@@ -253,7 +258,7 @@
253 258
254 .other-videos { 259 .other-videos {
255 padding-left: 1em; 260 padding-left: 1em;
256 261
257 .title-page { 262 .title-page {
258 margin-top: 0; 263 margin-top: 0;
259 } 264 }