mifi/Pfosi-Looking
1
1
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

swap chat layout

Browse Source
This commit is contained in:
Mike Fitzpatrick
2018-03-07 01:08:59 -05:00
parent 99259489ab
commit 8acdc92689
1 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/pages/chat/chat.scss
View File

@@ -10,9 +10,9 @@ page-chat {
.list {
.message-bubble {
background-color: #6fbedf;
background-color: #fdb315;
border-radius: 0.5rem;
margin: 1rem auto 2.5rem 1rem;
margin: 1rem 1rem 2.5rem auto;
max-width: 75%;
overflow: visible;
padding: 0.75rem;
@@ -22,11 +22,11 @@ page-chat {
border: 0.625em solid transparent;
border-bottom: 0;
border-left: 0;
border-top-color: #6fbedf;
border-top-color: #fdb315;
bottom: 0;
content: '';
height: 0;
left: 2rem;
right: 2rem;
margin-bottom: -0.625em;
margin-left: -0.312em;
position: absolute;
@@ -34,18 +34,18 @@ page-chat {
}
&.is-user {
background-color: #fdb315;
margin: 1rem 1rem 2.5rem auto;
background-color: #6fbedf;
margin: 1rem auto 2.5rem 1rem;
&::after {
border: 0.625em solid transparent;
border-bottom: 0;
border-right: 0;
border-top-color: #fdb315;
left: auto;
border-top-color: #6fbedf;
right: auto;
margin-bottom: -0.625em;
margin-right: -0.312em;
right: 2rem;
left: 2rem;
}
}