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

Basic colors for chat.

Browse source
This commit is contained in:
Paulo Reis 2017-12-13 11:38:57 +00:00
parent b65b67f8e6
commit c5e2560b43
3 changed files with 23 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -31,11 +31,13 @@
right: 0;
bottom: @new-message-height;
overflow-x: hidden;
background-color: @chat-bg;
li.message {
margin: @line-height-computed / 2;
.date {
font-size: 12px;
color: @gray-light;
color: @chat-color;
border-bottom: 1px solid @gray-lightest;
margin-bottom: @line-height-computed / 2;
text-align: center;
@ -63,8 +65,8 @@
.message {
border-left: 3px solid transparent;
font-size: 14px;
box-shadow: -1px 2px 3px #ddd;
border-raduis: @border-radius-base;
box-shadow: @chat-message-box-shadow;
border-radius: @chat-message-border-radius;
position: relative;
.message-content {
@ -124,7 +126,7 @@
.full-size;
top: auto;
height: @new-message-height;
background-color: @gray-lightest;
background-color: @chat-new-message-bg;
padding: @line-height-computed / 4;
border-top: 1px solid @editor-border-color;
textarea {

8
services/web/public/stylesheets/core/_common-variables.less
View file

@ -925,6 +925,14 @@
@editor-toggler-hover-bg-color : #DDD;
@synctex-controls-z-index : 3;
@synctex-controls-padding : 0 2px;
// Chat
@chat-bg : transparent;
@chat-color : @gray-light;
@chat-new-message-bg : @gray-lightest;
@chat-message-box-shadow : -1px 2px 3px #ddd;
@chat-message-border-radius : 0;
// Tags
@tag-border-radius : 0.25em;
@tag-bg-color : @label-default-bg;

9
services/web/public/stylesheets/core/ol-variables.less
View file

@ -196,6 +196,15 @@
@editor-toggler-hover-bg-color : @ol-green;
@synctex-controls-z-index : 6;
@synctex-controls-padding : 0;
@editor-border-color : @ol-blue-gray-5;
// Chat
@chat-bg : @ol-blue-gray-2;
@chat-color : #FFF;
@chat-new-message-bg : @ol-blue-gray-3;
@chat-message-box-shadow : none;
@chat-message-border-radius : @border-radius-base;
//## Gray and brand colors for use across Bootstrap.
@gray-darker: #252525;
@gray-dark: #505050;