mirror of https://github.com/zulip/zulip.git
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:
parent
b64d8e8a52
commit
c64c00d916
|
@ -1283,3 +1283,17 @@ button#register_auth_button_gitlab {
|
|||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -18,7 +18,7 @@ page can be easily identified in it's respective JavaScript file -->
|
|||
</div>
|
||||
|
||||
<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' %}
|
||||
|
||||
|
|
Loading…
Reference in New Issue