github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-11-21 20:47:08 -05:00
Code Issues Projects Releases Packages Wiki Activity

Integrate word wrapping filter in the chat component.

Browse source
This commit is contained in:
Paulo Reis 2016-08-01 16:42:54 +01:00
parent c6334ffab7
commit ff62e50530
4 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
services/web/app/views/project/editor/chat.jade
View file

@ -45,7 +45,7 @@ aside.chat(
mathjax,
ng-repeat="content in message.contents track by $index"
)
span(ng-bind-html="content | linky:'_blank'")
span(ng-bind-html="content | linky:'_blank' | wrapLongWords")
.new-message
textarea(

2
services/web/public/coffee/filters/wrapLongWords.coffee
View file

@ -7,7 +7,7 @@ define [
minLength = minLength || DEF_MIN_LENGTH
findWordsRegEx = new RegExp "\\w{#{minLength},}", "g"
wrappingTemplate = "<#{wrapperElName} style='word-break: break-all;'>$&</#{wrapperElName}>"
wrappingTemplate = "<#{wrapperElName} class=\"break-word\">$&</#{wrapperElName}>"
baseStr.replace findWordsRegEx, wrappingTemplate

1
services/web/public/coffee/ide/chat/index.coffee
View file

@ -3,4 +3,5 @@ define [
"ide/chat/controllers/ChatController"
"ide/chat/controllers/ChatMessageController"
"ide/chat/directives/mathjax"
"filters/wrapLongWords"
], () ->

5
services/web/public/stylesheets/app/editor/chat.less
View file

@ -129,6 +129,11 @@
}
}
.break-word {
word-break: break-all;
color: red;
}
.editor-dark {
.chat {
.new-message {