Merge pull request #1291 from alphagov/two-way

Add page to show two-way conversation
This commit is contained in:
Chris Hill-Scott
2017-06-14 16:42:46 +01:00
committed by GitHub
12 changed files with 359 additions and 13 deletions

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,45 @@ $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;
}
.sms-message-row {
&:focus {
outline: none;
padding-top: 120px;
margin-top: -120px;
}
}