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