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:
parent
a247ffe5cf
commit
fedfbed304
15 changed files with 468 additions and 336 deletions
|
@ -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 {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue