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

features: Add constraints to message-feed image. 

This adds two constraints to the image:

1. The `max-width` can not be more than 500px (which prevents it
from being to vertically tall.
2. The `display` is set to `none` below 1024px because the image is
too small at that point to be legible.
This commit is contained in:
Brock Whittaker 2017-10-25 17:12:20 -07:00 committed by Tim Abbott
parent 559f69667f
commit e20dd2f1fc
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
static/styles/landing-page.css
View File

@ -510,6 +510,7 @@ nav ul li.active::after {
.portico-landing.features-app section.messages .image {
width: calc(100% - 500px - 100px);
margin: 50px 0px 50px 50px;
max-width: 500px;
}
.portico-landing.features-app section.messages .features {
@ -2707,6 +2708,21 @@ nav ul li.active::after {
width: calc(100% - 200px - 20px);
}
.portico-landing.features-app section.messages {
display: block;
text-align: center;
}
.portico-landing.features-app section.messages > * {
display: inline-block;
text-align: left;
}
.portico-landing.features-app section.messages .image {
width: 100%;
margin: 0;
}
.portico-landing.plans .compare .padded-content {
width: auto;
}