portico_signin: Wrap long email names to next line.

Along with wrapping long emails to next line, set the max-width of
the email confirmation box to the alert box.
This commit is contained in:
Aman Agrawal 2023-01-31 07:56:42 +00:00 committed by Tim Abbott
parent b64d8e8a52
commit c64c00d916
2 changed files with 15 additions and 1 deletions

View File

@ -1283,3 +1283,17 @@ button#register_auth_button_gitlab {
min-height: calc(100vh - 560px); min-height: calc(100vh - 560px);
} }
} }
.account-creation .white-box .user_email {
word-break: break-all;
}
@media (width >= 600px) {
.account-creation .white-box {
max-width: min-content;
.alert-info {
min-width: max-content;
}
}
}

View File

@ -18,7 +18,7 @@ page can be easily identified in it's respective JavaScript file -->
</div> </div>
<div class="white-box"> <div class="white-box">
<p>{% trans %}Check your email (<span class="semi-bold">{{ email }}</span>) so we can get started.{% endtrans %}</p> <p>{% trans %}Check your email (<span class="user_email semi-bold">{{ email }}</span>) so we can get started.{% endtrans %}</p>
{% include 'zerver/dev_env_email_access_details.html' %} {% include 'zerver/dev_env_email_access_details.html' %}