Copy quoted message contents into quote on receipt

Also:
  - visually distinguish any reference we couldn't verify on receipt
  - show toast on quote click if we can't scroll to message
  - toast visuals redesigned to match rest of app
This commit is contained in:
Scott Nonnenberg 2018-08-15 12:31:29 -07:00
parent a247ffe5cf
commit fedfbed304
15 changed files with 468 additions and 336 deletions

View file

@ -697,17 +697,23 @@
// Module: Quoted Reply
.module-quote-container {
margin-left: -6px;
margin-right: -6px;
margin-top: -4px;
margin-bottom: 5px;
}
.module-quote-container--with-content-above {
margin-top: 3px;
}
.module-quote {
position: relative;
border-radius: 4px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
margin-left: -6px;
margin-right: -6px;
margin-top: -4px;
margin-bottom: 5px;
cursor: pointer;
display: flex;
flex-direction: row;
@ -723,11 +729,15 @@
}
.module-quote--with-content-above {
margin-top: 3px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.module-quote--with-reference-warning {
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
}
.module-quote--incoming {
background-color: $color-white-075;
border-left-color: $color-white;
@ -973,6 +983,32 @@
text-overflow: ellipsis;
}
.module-quote__reference-warning {
height: 26px;
display: flex;
flex-direction: row;
align-items: center;
background-color: $color-white-085;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
padding-left: 8px;
padding-right: 8px;
}
.module-quote__reference-warning__icon {
height: 16px;
width: 16px;
@include color-svg('../images/broken-link.svg', $color-light-60);
}
.module-quote__reference-warning__text {
margin-left: 6px;
color: $color-light-90;
font-size: 13px;
line-height: 18px;
}
// Module: Embedded Contact
.module-embedded-contact {