forks/peertube
1
0
Fork 0
Code Releases Activity

Use mixin for word wrap

Browse source
This commit is contained in:
Chocobozzz 2018-04-20 08:19:46 +02:00
parent 3689141ac3
commit 7a14004b4e
No known key found for this signature in database
GPG key ID: 583A612D890159BE
3 changed files with 13 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
client/src/app/videos/+video-watch/comment/video-comment.component.scss
View file

@ -46,14 +46,7 @@
} }
.comment-html { .comment-html {
word-break: normal; @include peertube-word-wrap;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
text-align: justify;
/deep/ a { /deep/ a {
@include disable-default-a-behaviour; @include disable-default-a-behaviour;

9
client/src/app/videos/+video-watch/video-watch.component.scss
View file

@ -215,14 +215,7 @@
font-size: 15px; font-size: 15px;
.video-info-description-html { .video-info-description-html {
word-break: normal; @include peertube-word-wrap;
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
text-align: justify;
} }
.description-loading { .description-loading {

11
client/src/sass/include/_mixins.scss
View file

@ -16,6 +16,17 @@
} }
} }
@mixin peertube-word-wrap {
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;
}
@mixin peertube-input-text($width) { @mixin peertube-input-text($width) {
display: inline-block; display: inline-block;
height: $button-height; height: $button-height;