Fix scroll overflow in installer layout
Make it slightly more responsive at smaller window sizes. // FREEBIE
This commit is contained in:
parent
8015dc73e3
commit
0839a358d3
3 changed files with 6 additions and 14 deletions
|
@ -3285,9 +3285,6 @@ li.entry .error-icon-container {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
overflow: auto; }
|
overflow: auto; }
|
||||||
@media screen and (max-height: 665px) {
|
|
||||||
#install {
|
|
||||||
height: 666px; } }
|
|
||||||
#install input, #install button, #install select, #install textarea {
|
#install input, #install button, #install select, #install textarea {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
|
@ -3314,6 +3311,7 @@ li.entry .error-icon-container {
|
||||||
#install p {
|
#install p {
|
||||||
max-width: 35em;
|
max-width: 35em;
|
||||||
margin: 1em auto;
|
margin: 1em auto;
|
||||||
|
padding: 0 1em;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
font-weight: bold; }
|
font-weight: bold; }
|
||||||
|
@ -3335,7 +3333,7 @@ li.entry .error-icon-container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
bottom: 50px;
|
bottom: 50px;
|
||||||
margin-top: auto;
|
margin-top: auto;
|
||||||
padding: 0 20px; }
|
padding: 20px; }
|
||||||
#install .nav .button {
|
#install .nav .button {
|
||||||
margin-bottom: 3em; }
|
margin-bottom: 3em; }
|
||||||
#install .nav .dot {
|
#install .nav .dot {
|
||||||
|
|
|
@ -846,9 +846,6 @@
|
||||||
text-align: center;
|
text-align: center;
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
overflow: auto; }
|
overflow: auto; }
|
||||||
@media screen and (max-height: 665px) {
|
|
||||||
#install {
|
|
||||||
height: 666px; } }
|
|
||||||
#install input, #install button, #install select, #install textarea {
|
#install input, #install button, #install select, #install textarea {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
|
@ -875,6 +872,7 @@
|
||||||
#install p {
|
#install p {
|
||||||
max-width: 35em;
|
max-width: 35em;
|
||||||
margin: 1em auto;
|
margin: 1em auto;
|
||||||
|
padding: 0 1em;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
font-weight: bold; }
|
font-weight: bold; }
|
||||||
|
@ -896,7 +894,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
bottom: 50px;
|
bottom: 50px;
|
||||||
margin-top: auto;
|
margin-top: auto;
|
||||||
padding: 0 20px; }
|
padding: 20px; }
|
||||||
#install .nav .button {
|
#install .nav .button {
|
||||||
margin-bottom: 3em; }
|
margin-bottom: 3em; }
|
||||||
#install .nav .dot {
|
#install .nav .dot {
|
||||||
|
|
|
@ -14,11 +14,6 @@
|
||||||
font-size: 16px;
|
font-size: 16px;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
|
||||||
// 666px is the minimum window height in chromium.js
|
|
||||||
@media screen and (max-height: 665px) {
|
|
||||||
height: 666px;
|
|
||||||
}
|
|
||||||
|
|
||||||
input, button, select, textarea {
|
input, button, select, textarea {
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
font-size: inherit;
|
font-size: inherit;
|
||||||
|
@ -55,6 +50,7 @@
|
||||||
p {
|
p {
|
||||||
max-width: 35em;
|
max-width: 35em;
|
||||||
margin: 1em auto;
|
margin: 1em auto;
|
||||||
|
padding: 0 1em;
|
||||||
line-height: 1.5em;
|
line-height: 1.5em;
|
||||||
font-size: 1.2em;
|
font-size: 1.2em;
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
@ -83,7 +79,7 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
bottom: 50px;
|
bottom: 50px;
|
||||||
margin-top: auto;
|
margin-top: auto;
|
||||||
padding: 0 20px;
|
padding: 20px;
|
||||||
|
|
||||||
.button {
|
.button {
|
||||||
margin-bottom: 3em;
|
margin-bottom: 3em;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue