mirror of
https://github.com/Foundry376/Mailspring.git
synced 2025-01-27 18:37:53 +08:00
💄(bars): No email address overflowing phising / autoload images bars
This commit is contained in:
parent
10ec524d90
commit
84b92af0e7
3 changed files with 16 additions and 10 deletions
|
@ -6,6 +6,9 @@
|
|||
color: mix(@text-color-subtle, #FFCC11, 40%);
|
||||
margin: @padding-base-vertical 0;
|
||||
padding: @padding-base-vertical @padding-base-horizontal;
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
|
||||
.option {
|
||||
color: fade(mix(@text-color-subtle, #FFCC11, 80%), 70%);
|
||||
|
|
|
@ -38,7 +38,7 @@ class PhishingIndicator extends React.Component {
|
|||
return (
|
||||
<div className="phishingIndicator">
|
||||
<b>This message looks suspicious!</b>
|
||||
<p>It originates from {from} but replies will go to {replyTo}.</p>
|
||||
<div>{`It originates from ${from} but replies will go to ${replyTo}.`}</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
@ -1,11 +1,14 @@
|
|||
.phishingIndicator {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
-webkit-print-color-adjust: exact;
|
||||
padding: 8px 12px;
|
||||
margin-bottom: 5px;
|
||||
border: 1px solid rgb(235, 204, 209);
|
||||
border-radius: 4px;
|
||||
color: rgb(169, 68, 66);
|
||||
background-color: rgb(242, 222, 222);
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
-webkit-print-color-adjust: exact;
|
||||
padding: 8px 12px;
|
||||
margin-bottom: 5px;
|
||||
border: 1px solid rgb(235, 204, 209);
|
||||
border-radius: 4px;
|
||||
color: rgb(169, 68, 66);
|
||||
background-color: rgb(242, 222, 222);
|
||||
white-space: nowrap;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue