github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2025-03-15 04:14:47 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fix layout to support scrollable messages.

Browse source
This commit is contained in:
Paulo Reis 2016-08-22 16:12:29 +01:00
parent a9095ccde8
commit 2f93a102fd
2 changed files with 14 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -41,11 +41,12 @@ aside.chat(
}"
)
.arrow(ng-style="{'border-color': 'hsl({{ hue(message.user) }}, 70%, 70%)'}")
p(
mathjax,
ng-repeat="content in message.contents track by $index"
)
span(ng-bind-html="content | linky:'_blank'")
.message-content
p(
mathjax,
ng-repeat="content in message.contents track by $index"
)
span(ng-bind-html="content | linky:'_blank'")
.new-message
textarea(

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

@ -47,6 +47,7 @@
}
.message-wrapper {
margin-left: 50px + @line-height-computed/2;
.name {
font-size: 12px;
color: @gray-light;
@ -54,12 +55,17 @@
min-height: 16px;
}
.message {
padding: @line-height-computed / 2;
border-left: 3px solid transparent;
position: relative;
font-size: 14px;
box-shadow: -1px 2px 3px #ddd;
border-raduis: @border-radius-base;
position: relative;
.message-content {
padding: @line-height-computed / 2;
overflow-x: scroll;
}
.arrow {
right: 100%;
top: @line-height-computed / 4;