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;
|
||||
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 {
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in a new issue