mirror of
https://github.com/zulip/zulip.git
synced 2025-11-02 13:03:29 +00:00
upgrade: Fix HTML structure and styles.
This commit is contained in:
@@ -12,7 +12,7 @@
|
||||
<h1>Upgrade {{ realm.name }} to {{ plan }}</h1>
|
||||
</div>
|
||||
<div class="white-box">
|
||||
<div class="upgrade-page-details">
|
||||
<div id="upgrade-page-details">
|
||||
{% if free_trial_days %}
|
||||
<div id="free-trial-alert-message" class="alert alert-info">
|
||||
Upgrade now to start your {{ free_trial_days }} day free trial
|
||||
@@ -78,8 +78,8 @@
|
||||
</div>
|
||||
|
||||
{% if not manual_license_management %}
|
||||
<div id="license-automatic-section">
|
||||
<p>
|
||||
<div id="license-automatic-section" class="input-box upgrade-page-field license-management-section">
|
||||
<p class="not-editable-realm-field">
|
||||
{% if free_trial_days %}
|
||||
After the Free Trial, you’ll be charged
|
||||
<b>$<span id="charged_amount"></span></b> for <b>{{ seat_count }}</b>
|
||||
@@ -98,8 +98,8 @@
|
||||
<input type="hidden" name="licenses" id="automatic_license_count" value="{{ seat_count }}" />
|
||||
</div>
|
||||
{% else %}
|
||||
<div id="license-manual-section">
|
||||
<p>
|
||||
<div id="license-manual-section" class="input-box upgrade-page-field">
|
||||
<p class="not-editable-realm-field">
|
||||
{% if free_trial_days %}
|
||||
Enter the number of users you would like to pay for after the Free Trial.<br />
|
||||
You'll need to manually add licenses to add or invite
|
||||
@@ -128,10 +128,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="support-link">
|
||||
<p>
|
||||
<div class="input-box upgrade-page-field">
|
||||
<div class="support-link not-editable-realm-field">
|
||||
To pay by invoice or for any other questions, contact <a href="mailto:sales@zulip.com">sales@zulip.com</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -381,14 +381,25 @@ input[name="licenses"] {
|
||||
transform: scale(0.8);
|
||||
margin: -50px;
|
||||
}
|
||||
|
||||
#upgrade-page {
|
||||
transform: scale(0.8);
|
||||
margin: -50px 0;
|
||||
}
|
||||
}
|
||||
|
||||
@media (width < 460px) {
|
||||
#upgrade-page,
|
||||
#billing-page,
|
||||
.sponsorship-page {
|
||||
transform: scale(0.6);
|
||||
margin: -150px -100px;
|
||||
}
|
||||
|
||||
#upgrade-page {
|
||||
transform: scale(0.6);
|
||||
margin: -150px 0;
|
||||
}
|
||||
}
|
||||
|
||||
.sponsorship-status-page .white-box {
|
||||
@@ -521,3 +532,11 @@ input[name="licenses"] {
|
||||
font-weight: 400;
|
||||
}
|
||||
}
|
||||
|
||||
#upgrade-page-details .license-management-section .not-editable-realm-field {
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#upgrade-page-details {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@@ -1019,6 +1019,7 @@ button#register_auth_button_gitlab {
|
||||
}
|
||||
|
||||
.register-button .loader,
|
||||
.upgrade-button-loader,
|
||||
.sponsorship-button-loader,
|
||||
.billing-button-loader {
|
||||
display: none;
|
||||
|
||||
Reference in New Issue
Block a user