Fix scroll overflow in installer layout

Make it slightly more responsive at smaller window sizes.

// FREEBIE
This commit is contained in:
lilia 2017-04-11 14:26:08 -07:00 committed by Scott Nonnenberg
parent 8015dc73e3
commit 0839a358d3
No known key found for this signature in database
GPG key ID: A4931C09644C654B
3 changed files with 6 additions and 14 deletions

View file

@ -3285,9 +3285,6 @@ li.entry .error-icon-container {
text-align: center;
font-size: 16px;
overflow: auto; }
@media screen and (max-height: 665px) {
#install {
height: 666px; } }
#install input, #install button, #install select, #install textarea {
font-family: inherit;
font-size: inherit;
@ -3314,6 +3311,7 @@ li.entry .error-icon-container {
#install p {
max-width: 35em;
margin: 1em auto;
padding: 0 1em;
line-height: 1.5em;
font-size: 1.2em;
font-weight: bold; }
@ -3335,7 +3333,7 @@ li.entry .error-icon-container {
width: 100%;
bottom: 50px;
margin-top: auto;
padding: 0 20px; }
padding: 20px; }
#install .nav .button {
margin-bottom: 3em; }
#install .nav .dot {

View file

@ -846,9 +846,6 @@
text-align: center;
font-size: 16px;
overflow: auto; }
@media screen and (max-height: 665px) {
#install {
height: 666px; } }
#install input, #install button, #install select, #install textarea {
font-family: inherit;
font-size: inherit;
@ -875,6 +872,7 @@
#install p {
max-width: 35em;
margin: 1em auto;
padding: 0 1em;
line-height: 1.5em;
font-size: 1.2em;
font-weight: bold; }
@ -896,7 +894,7 @@
width: 100%;
bottom: 50px;
margin-top: auto;
padding: 0 20px; }
padding: 20px; }
#install .nav .button {
margin-bottom: 3em; }
#install .nav .dot {

View file

@ -14,11 +14,6 @@
font-size: 16px;
overflow: auto;
// 666px is the minimum window height in chromium.js
@media screen and (max-height: 665px) {
height: 666px;
}
input, button, select, textarea {
font-family: inherit;
font-size: inherit;
@ -55,6 +50,7 @@
p {
max-width: 35em;
margin: 1em auto;
padding: 0 1em;
line-height: 1.5em;
font-size: 1.2em;
font-weight: bold;
@ -83,7 +79,7 @@
width: 100%;
bottom: 50px;
margin-top: auto;
padding: 0 20px;
padding: 20px;
.button {
margin-bottom: 3em;