mirror of https://github.com/zulip/zulip.git
plans_page: Place custom bullets with flexbox.
This commit is contained in:
Karl Stolley
Tim Abbott
parent
6f796e0cbd
commit
8529d86fc6
|
|
@ -34,13 +34,13 @@
|
||||||
</h3>
|
</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="/for/open-source/">Open source projects</a>
|
<span><a href="/for/open-source/">Open source projects</a></span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/for/research/">Researchers and academics</a>
|
<span><a href="/for/research/">Researchers and academics</a></span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/for/events/">Academic conferences and other non-profit events</a>
|
<span><a href="/for/events/">Academic conferences and other non-profit events</a></span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -48,10 +48,10 @@
|
||||||
<h3>Eligible for 85+% discount</h3>
|
<h3>Eligible for 85+% discount</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="/for/education/">Education</a> (for-profit and non-profit)
|
<span><a href="/for/education/">Education</a> (for-profit and non-profit)</span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/for/communities/">Non-profits and communities</a>
|
<span><a href="/for/communities/">Non-profits and communities</a></span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<a href="{{ sponsorship_url }}" class="sponsorship-button">Request sponsorship</a>
|
<a href="{{ sponsorship_url }}" class="sponsorship-button">Request sponsorship</a>
|
||||||
|
|
@ -77,20 +77,20 @@
|
||||||
<div class="text-content">
|
<div class="text-content">
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="/help/trying-out-zulip">How can I try out Zulip for free?</a>
|
<span><a href="/help/trying-out-zulip">How can I try out Zulip for free?</a></span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/help/zulip-cloud-or-self-hosting">How do I choose between Zulip Cloud and self-hosting?</a>
|
<span><a href="/help/zulip-cloud-or-self-hosting">How do I choose between Zulip Cloud and self-hosting?</a></span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/help/migrating-from-other-chat-tools">Can I import data from other chat tools?</a>
|
<span><a href="/help/migrating-from-other-chat-tools">Can I import data from other chat tools?</a></span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/help/zulip-cloud-billing#temporary-users-and-guests">Are there discounts for guest users?</a>
|
<span><a href="/help/zulip-cloud-billing#temporary-users-and-guests">Are there discounts for guest users?</a></span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a
|
<span><a
|
||||||
href="/help/zulip-cloud-billing#how-does-having-10000-messages-of-search-history-on-zulip-cloud-free-work">How does limited search history on the Free plan work?</a>
|
href="/help/zulip-cloud-billing#how-does-having-10000-messages-of-search-history-on-zulip-cloud-free-work">How does limited search history on the Free plan work?</a></span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<p>
|
<p>
|
||||||
|
|
@ -118,22 +118,22 @@
|
||||||
<h3>Eligible for discounts</h3>
|
<h3>Eligible for discounts</h3>
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="/for/open-source/">Open source projects</a>
|
<span><a href="/for/open-source/">Open source projects</a></span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/for/research/">Research groups or departments</a>
|
<span><a href="/for/research/">Research groups or departments</a></span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/for/events/">Academic conferences and most other non-profit events</a>
|
<span><a href="/for/events/">Academic conferences and most other non-profit events</a></span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/for/education/">Education</a> (online or in-person)
|
<span><a href="/for/education/">Education</a> (online or in-person)</span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/for/communities/">Non-profits and communities</a>
|
<span><a href="/for/communities/">Non-profits and communities</a></span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
Organizations based in the developing world
|
<span>Organizations based in the developing world</span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -150,13 +150,13 @@
|
||||||
<div class="text-content">
|
<div class="text-content">
|
||||||
<ul>
|
<ul>
|
||||||
<li>
|
<li>
|
||||||
<a href="/help/trying-out-zulip">How can I try out Zulip for free?</a>
|
<span><a href="/help/trying-out-zulip">How can I try out Zulip for free?</a></span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/help/zulip-cloud-or-self-hosting">How do I choose between Zulip Cloud and self-hosting?</a>
|
<span><a href="/help/zulip-cloud-or-self-hosting">How do I choose between Zulip Cloud and self-hosting?</a></span>
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<a href="/help/migrating-from-other-chat-tools">Can I import data from other chat tools?</a>
|
<span><a href="/help/migrating-from-other-chat-tools">Can I import data from other chat tools?</a></span>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
<p>
|
<p>
|
||||||
|
|
|
||||||
|
|
@ -22,12 +22,12 @@
|
||||||
<div class="text-content">
|
<div class="text-content">
|
||||||
<h2>Free</h2>
|
<h2>Free</h2>
|
||||||
<ul class="feature-list">
|
<ul class="feature-list">
|
||||||
<li>10,000 messages of search history</li>
|
<li><span>10,000 messages of search history</span></li>
|
||||||
<li>File storage up to 5 GB total</li>
|
<li><span>File storage up to 5 GB total</span></li>
|
||||||
<li><a href="/features/">Full-featured</a> team chat service</li>
|
<li><span><a href="/features/">Full-featured</a> team chat service</span></li>
|
||||||
<li><a href="/integrations/">Hundreds of integrations</a></li>
|
<li><span><a href="/integrations/">Hundreds of integrations</a></span></li>
|
||||||
<li>Advanced <a href="/help/roles-and-permissions">roles</a> and <a href="/help/stream-permissions">permissions</a></li>
|
<li><span>Advanced <a href="/help/roles-and-permissions">roles</a> and <a href="/help/stream-permissions">permissions</a></span></li>
|
||||||
<li><a href="/help/guest-users">Guest</a> accounts</li>
|
<li><span><a href="/help/guest-users">Guest</a> accounts</span></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom">
|
<div class="bottom">
|
||||||
|
|
@ -50,12 +50,12 @@
|
||||||
<div class="text-content">
|
<div class="text-content">
|
||||||
<h2>Standard</h2>
|
<h2>Standard</h2>
|
||||||
<ul class="feature-list">
|
<ul class="feature-list">
|
||||||
<li>Unlimited search history</li>
|
<li><span>Unlimited search history</span></li>
|
||||||
<li>File storage up to 10 GB per user</li>
|
<li><span>File storage up to 10 GB per user</span></li>
|
||||||
<li><a href="/help/message-retention-policy">Message retention policies</a></li>
|
<li><span><a href="/help/message-retention-policy">Message retention policies</a></span></li>
|
||||||
<li>Brand Zulip with your logo</li>
|
<li><span>Brand Zulip with your logo</span></li>
|
||||||
<li>Priority commercial support</li>
|
<li><span>Priority commercial support</span></li>
|
||||||
<li><a href="/help/public-access-option">Public access option</a></li>
|
<li><span><a href="/help/public-access-option">Public access option</a></span></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom">
|
<div class="bottom">
|
||||||
|
|
@ -105,12 +105,12 @@
|
||||||
<div class="text-content">
|
<div class="text-content">
|
||||||
<h2>Plus</h2>
|
<h2>Plus</h2>
|
||||||
<ul class="feature-list">
|
<ul class="feature-list">
|
||||||
<li>All Standard plan features</li>
|
<li><span>All Standard plan features</span></li>
|
||||||
<li><a href="/help/saml-authentication">SSO with SAML</a> (Okta, OneLogIn, etc.)</li>
|
<li><span><a href="/help/saml-authentication">SSO with SAML</a> (Okta, OneLogIn, etc.)</span></li>
|
||||||
<li><a href="/help/scim">SCIM user sync</a></li>
|
<li><span><a href="/help/scim">SCIM user sync</a></span></li>
|
||||||
<li>Custom domain</li>
|
<li><span>Custom domain</span></li>
|
||||||
<li>Limit user list access for <a href="/help/guest-users">guests</a></li>
|
<li><span>Limit user list access for <a href="/help/guest-users">guests</a></span></li>
|
||||||
<li>Priority commercial support</li>
|
<li><span>Priority commercial support</span></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom">
|
<div class="bottom">
|
||||||
|
|
@ -144,13 +144,13 @@
|
||||||
<div class="text-content">
|
<div class="text-content">
|
||||||
<h2>Free</h2>
|
<h2>Free</h2>
|
||||||
<ul class="feature-list">
|
<ul class="feature-list">
|
||||||
<li>All Zulip Cloud features included</li>
|
<li><span>All Zulip Cloud features included</span></li>
|
||||||
<li>Friendly community support</li>
|
<li><span>Friendly community support</span></li>
|
||||||
<li><a href="https://zulip.readthedocs.io/en/stable/production/authentication-methods.html">SAML, OIDC, Google, social SSO</a></li>
|
<li><span><a href="https://zulip.readthedocs.io/en/stable/production/authentication-methods.html">SAML, OIDC, Google, social SSO</a></span></li>
|
||||||
<li><a href="https://zulip.readthedocs.io/en/stable/production/authentication-methods.html#synchronizing-data">LDAP/Active Directory sync</a></li>
|
<li><span><a href="https://zulip.readthedocs.io/en/stable/production/authentication-methods.html#synchronizing-data">LDAP/Active Directory sync</a></span></li>
|
||||||
<li>Advanced <a href="/help/roles-and-permissions">roles</a> and <a href="/help/stream-permissions">permissions</a></li>
|
<li><span>Advanced <a href="/help/roles-and-permissions">roles</a> and <a href="/help/stream-permissions">permissions</a></span></li>
|
||||||
<li>Easy <a href="https://zulip.readthedocs.io/en/stable/production/install.html">installation</a>
|
<li><span>Easy <a href="https://zulip.readthedocs.io/en/stable/production/install.html">installation</a>
|
||||||
and <a href="https://zulip.readthedocs.io/en/stable/production/upgrade.html">maintenance</a></li>
|
and <a href="https://zulip.readthedocs.io/en/stable/production/upgrade.html">maintenance</a></span></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom">
|
<div class="bottom">
|
||||||
|
|
@ -166,12 +166,12 @@
|
||||||
<div class="text-content">
|
<div class="text-content">
|
||||||
<h2>Enterprise</h2>
|
<h2>Enterprise</h2>
|
||||||
<ul class="feature-list">
|
<ul class="feature-list">
|
||||||
<li>All Free features included</li>
|
<li><span>All Free features included</span></li>
|
||||||
<li>Professional support with SLAs</li>
|
<li><span>Professional support with SLAs</span></li>
|
||||||
<li>High availability</li>
|
<li><span>High availability</span></li>
|
||||||
<li>Incident collaboration</li>
|
<li><span>Incident collaboration</span></li>
|
||||||
<li>Advanced compliance</li>
|
<li><span>Advanced compliance</span></li>
|
||||||
<li>Funds the Zulip open source project</li>
|
<li><span>Funds the Zulip open source project</span></li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<div class="bottom">
|
<div class="bottom">
|
||||||
|
|
|
||||||
|
|
@ -1125,6 +1125,34 @@ ul {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
li {
|
||||||
|
list-style-type: none;
|
||||||
|
display: flex;
|
||||||
|
align-items: flex-start;
|
||||||
|
/* Prevent flexbox from collapsing
|
||||||
|
whitespace around links and other
|
||||||
|
inline elements. */
|
||||||
|
gap: 0.3em;
|
||||||
|
|
||||||
|
&::before {
|
||||||
|
content: "";
|
||||||
|
height: 6px;
|
||||||
|
width: 6px;
|
||||||
|
border-radius: 16px;
|
||||||
|
/* 0.5333em, roughly 8px given the
|
||||||
|
15px font-size on list items, will
|
||||||
|
keep the bullet vertically centered
|
||||||
|
with the first line of a list item
|
||||||
|
as the page's text scales. */
|
||||||
|
margin: 0.5333em 4px 0 0;
|
||||||
|
/* Prevent "bullets" from being distorted
|
||||||
|
on a multiline bullet point. */
|
||||||
|
flex: 0 0 auto;
|
||||||
|
background: currentcolor;
|
||||||
|
opacity: 0.3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
a {
|
a {
|
||||||
color: var(--color-link);
|
color: var(--color-link);
|
||||||
text-decoration: underline;
|
text-decoration: underline;
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue