message visibility: Make stylistic improvements to history-limited-box.

This commit is contained in:
Rishi Gupta
2018-12-13 16:45:32 -08:00
committed by Tim Abbott
parent d815e5a299
commit 647103a4e0
2 changed files with 9 additions and 4 deletions

View File

@@ -88,14 +88,19 @@ p.n-margin {
.history-limited-box {
color: hsl(16, 60%, 45%);
border: 1px solid hsl(16, 60%, 45%);
border-radius: 4px;
box-shadow: 0 0 2px hsl(16, 60%, 45%);
display: none;
height: 28x;
font-size: 16px;
margin: 0 auto 12px;
padding: 5px;
i {
margin: 0 3px 0 1px;
}
p {
margin: 0;
padding: 4px;
}
}

View File

@@ -10,11 +10,11 @@
</div>
<div class="history-limited-box">
<p>
<i class="fa fa-exclamation-circle" aria-hidden="true"></i>
{% trans %}
Your organization has more than 10,000
messages in its archive, so you can't see some older
messages that would otherwise appear here.
<a href="/plans/">See plans and pricing.</a>
Some older messages are unavailable.
<a href="/plans/" target="_blank">Upgrade your organization</a>
to access your full message history.
{% endtrans %}
</p>
</div>