💄(bars): No email address overflowing phising / autoload images bars

This commit is contained in:
Ben Gotow 2016-03-03 14:16:50 -08:00
parent 6a190f36f8
commit 78fb480642
3 changed files with 16 additions and 10 deletions

View file

@ -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%);

View file

@ -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>
);
}

View file

@ -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;
}