Mirror
/
zulip
mirror of https://github.com/zulip/zulip.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

features: Only change gradient height for feature page. 

This gradient works well to display white colored text
on top of it on other pages. So, we only need this change on
features page.
This commit is contained in:
Aman Agrawal 2021-11-17 17:40:25 +00:00 committed by Tim Abbott
parent 89720c5d5a
commit fce9b2dbb4
2 changed files with 9 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
static/styles/portico/landing_page.css
View File

@ -410,6 +410,10 @@ nav {
z-index: 2; z-index: 2;
.gradients {
z-index: -1;
}
section { section {
max-width: 1440px; max-width: 1440px;
display: flex; display: flex;
@ -2636,10 +2640,6 @@ nav {
left: 0; left: 0;
width: 100%; width: 100%;
height: 1100px; height: 1100px;
@media (width < 768px) {
height: 700px;
}
} }
.gradients .gradient.dark-blue { .gradients .gradient.dark-blue {
@ -4004,6 +4004,10 @@ nav {
hsl(49, 71%, 68%) 80% hsl(49, 71%, 68%) 80%
); );
} }
.features-app .gradients .gradient {
height: 700px;
}
} }
@media (width <= 375px) { @media (width <= 375px) {

2
templates/zerver/features.html
View File

@ -7,9 +7,9 @@
{% block portico_content %} {% block portico_content %}
{% include 'zerver/landing_nav.html' %} {% include 'zerver/landing_nav.html' %}
{% include 'zerver/gradients.html' %}
<div class="portico-landing features-app"> <div class="portico-landing features-app">
{% include 'zerver/gradients.html' %}
<section class="hero"> <section class="hero">
<div class="copy"> <div class="copy">
<h1>Powerful group chat.</h1> <h1>Powerful group chat.</h1>