paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-03 21:43:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add account_send_confirm styling.

Browse Source
This commit is contained in:
Brock Whittaker
2017-05-03 10:49:10 -07:00
committed by Tim Abbott
parent 48ac49385e
commit 736701f900
2 changed files with 62 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
static/styles/portico-signin.css
View File

@@ -76,6 +76,10 @@ html {
font-weight: 600;
}
.new-style .inline-block {
text-align: left;
}
.app-main .login-page-header {
font-size: 1.5em;
font-weight: 300;
@@ -186,6 +190,26 @@ html {
margin-top: 0px;
}
.account-creation {
font-weight: 400;
}
.account-creation .pitch {
margin-bottom: 0px;
}
.account-creation .alert.alert-info {
padding: 8px 14px;
text-align: left;
font-size: 1em;
line-height: 1.3;
}
.account-creation .white-box p:last-of-type {
margin-bottom: 0px;
}
.relative {
position: relative;
}
@@ -218,7 +242,7 @@ html {
margin-top: 25px;
}
.new-style .alert {
.new-style .alert:not(.alert-info) {
padding: 0;
margin-bottom: 0;
@@ -364,7 +388,6 @@ html {
display: block;
top: 66px;
left: -4px;
color: #d26666;
font-size: 0.7em;
font-weight: 600;
@@ -493,11 +516,8 @@ html {
margin-top: 10px;
}
.register-page-container .lead,
.login-page-container .lead,
.forgot-password-container .lead {
margin: 0;
text-align: left;
.new-style .lead {
margin: 0px;
}
.portico-page .or {
@@ -703,7 +723,6 @@ button.login-google-button {
.register-page-container,
.login-page-container {
width: 400px;
margin-top: 50px;
}
.split-view .org-header .avatar {
@@ -755,7 +774,9 @@ button.login-google-button {
@media (max-width: 500px) {
.flex.full-page {
margin: 20px 0px;
display: block;
margin: 0 auto;
text-align: center;
}
.new-style .get-started {
@@ -778,7 +799,17 @@ button.login-google-button {
.forgot-password-container form button {
width: 328px;
}
.white-box {
box-shadow: none;
}
.footer-navigation li,
.footer-navigation li a {
font-size: 1em;
}
.account-creation {
font-weight: 400;
}
}

34
templates/zerver/accounts_send_confirm.html
View File

@@ -3,19 +3,29 @@
{% block portico_content %}
<div class="app portico-page">
<div class="app-main portico-page-container">
<h2>{{ _("Thanks for signing up!") }}</h2>
<p class="lead">{{ _("Check your email so we can get started.") }}</p>
{% if development_environment %}
<div class="alert alert-info" style="display:inline-block;">{{ _("In the Zulip development environment, outgoing emails are printed to the run-dev.py console") }}</div>
{% endif %}
<div class="app-main portico-page-container center-block flex full-page account-creation new-style">
<div class="inline-block">
<div class="bg-image"></div>
<p>{% trans %}Still no email? We can <a href="#" id="resend_email_link">resend it</a>.{% endtrans %}<br/>
<small>({{ _("Just in case, take a look at your Spam folder.") }})</small></p>
<form id="resend_confirm" action="/accounts/home/" method="post" style="position: absolute;">
{{ csrf_input }}
<input type="hidden" class="email" id="email" value="{{ email }}" name="email"/>&nbsp;
</form>
<div class="get-started">
<h1>{{ _("Thanks for signing up!") }}</h1>
</div>
<div class="white-box">
<p>{{ _("Check your email so we can get started.") }}</p>
{% if development_environment %}
<div class="alert alert-info" style="display:inline-block;">{{ _("In the Zulip development environment, outgoing emails are printed to the run-dev.py console") }}</div>
{% endif %}
<p>{% trans %}Still no email? We can <a href="#" id="resend_email_link">resend it</a>.{% endtrans %}<br/>
<small>({{ _("Just in case, take a look at your Spam folder.") }})</small></p>
<form id="resend_confirm" action="/accounts/home/" method="post" style="position: absolute;">
{{ csrf_input }}
<input type="hidden" class="email" id="email" value="{{ email }}" name="email"/>&nbsp;
</form>
</div>
</div>
</div>
</div>
{% endblock %}