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

10
css/_variables.scss
View File

@ -83,11 +83,19 @@ $modalMockAKInputBorder: 1px solid #f4f5f7;
$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.
*/
$borderRadius: 4px;
$defaultWatermarkLink: '../images/watermark.png';
$sidebarWidth: 375px;
$popoverMenuPadding: 13px;
$happySoftwareBackground: transparent;
$desktopAppDragBarHeight: 25px;