haskal
/
jiti-meet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

ref(chat): move some colors to css variables

This commit is contained in:
Leonard Kim 2019-05-02 15:14:09 -07:00 committed by virtuacoplenny
parent ec2826e0fc
commit a8233bdb84
2 changed files with 13 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
css/_chat.scss
View File

@ -92,7 +92,7 @@
} }
.chat-header { .chat-header {
background-color: rgba(42, 58, 75, 0.9); background-color: $chatHeaderBackgroundColor;
height: 70px; height: 70px;
position: relative; position: relative;
width: 100%; width: 100%;
@ -120,7 +120,7 @@
} }
#chat-input { #chat-input {
border-top: 1px solid #A4B8D1; border-top: 1px solid $chatInputSeparatorColor;
display: flex; display: flex;
* { * {
@ -188,7 +188,7 @@
} }
.chatmessage { .chatmessage {
background-color: rgba(240, 243, 247, 0.15); background-color: $chatRemoteMessageBackgroundColor;
border-radius: 0px 6px 6px 6px; border-radius: 0px 6px 6px 6px;
margin-top: 3px; margin-top: 3px;
color: white; color: white;
@ -196,7 +196,7 @@
position: relative; position: relative;
&.localuser { &.localuser {
background-color: rgba(26, 108, 180, 1); background-color: $chatLocalMessageBackgroundColor;
border-radius: 6px 0px 6px 6px; border-radius: 6px 0px 6px 6px;
} }

10
css/_variables.scss
View File

@ -83,11 +83,19 @@ $modalMockAKInputBorder: 1px solid #f4f5f7;
$modalTextColor: #333; $modalTextColor: #333;
/** /**
* Chat
*/
$chatHeaderBackgroundColor: rgba(42, 58, 75, 0.9);
$chatInputSeparatorColor: #A4B8D1;
$chatLocalMessageBackgroundColor: rgba(26, 108, 180, 1);
$chatRemoteMessageBackgroundColor: rgba(240, 243, 247, 0.15);
$sidebarWidth: 375px;
/**
* Misc. * Misc.
*/ */
$borderRadius: 4px; $borderRadius: 4px;
$defaultWatermarkLink: '../images/watermark.png'; $defaultWatermarkLink: '../images/watermark.png';
$sidebarWidth: 375px;
$popoverMenuPadding: 13px; $popoverMenuPadding: 13px;
$happySoftwareBackground: transparent; $happySoftwareBackground: transparent;
$desktopAppDragBarHeight: 25px; $desktopAppDragBarHeight: 25px;