darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-02 17:48:50 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add two-way messaging view

Browse Source 
> Once an inbound message has been received, there should be a way to
> see the other messages in the system from the same service to the same
> number. Both in and outbound. Nice inbox/whatsapp stylee view or some
> such. This way the context of the reply is understood.
>
> Initially will only see the outbound template, not the actual message,
> but we’re going to change this for the rest (soon), so that you can
> always see the full message for all outbound.
This commit is contained in:
Chris Hill-Scott
2017-05-24 13:19:31 +01:00
parent 183c324f9a
commit f6d8e55579
11 changed files with 292 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
app/assets/stylesheets/components/sms-message.scss
View File

@@ -19,7 +19,7 @@ $tail-angle: 20deg;
content: "";
display: block;
position: absolute;
bottom: -4px;
bottom: -5px;
right: -20px;
border: 10px solid transparent;
border-left-width: 13px;
@@ -31,8 +31,35 @@ $tail-angle: 20deg;
}
.sms-message-inbound {
.sms-message-wrapper {
&:after {
border-left-color: transparent;
border-bottom-color: $panel-colour;
border-right-color: $panel-colour;
right: auto;
left: -20px;
transform: rotate(-$tail-angle);
}
}
}
.sms-message-recipient {
@include copy-19;
color: $secondary-text-colour;
margin: 10px 0 0 0;
}
.sms-message-status {
@include core-16;
color: $secondary-text-colour;
margin: -20px $gutter-half 20px $gutter-half;
}
.sms-message-status-outbound {
text-align: right;
}