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

ref(chat): change chat bubble borders based on sender 

For remote chat messages, all corners should be rounded
except the top left. For local messages all corners
should be rounded except the top right.
This commit is contained in:
Leonard Kim 2019-05-02 12:41:54 -07:00 committed by virtuacoplenny
parent 2a4bac7a27
commit fbc7f865ec
1 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
css/_chat.scss
View File

@ -181,18 +181,23 @@
width: 93%;
margin-left: 9px;
margin-right: auto;
border-radius: 5px;
border-top-left-radius: 0px;
border-radius: 0px 6px 6px 6px;
margin-top: 3px;
color: white;
padding-bottom: 3px;
position: relative;
&.localuser .display-name {
&.localuser {
border-radius: 6px 0px 6px 6px;
.display-name {
color: #4C9AFF
}
}
&.error {
border-radius: 0px;
.timestamp,
.display-name {
display: none;