The options window will now fit inside small screens. Fix #72.

This commit is contained in:
Nicolas Stepien 2012-07-04 15:46:29 +02:00
parent b0162dba1e
commit 112e3a9c53
2 changed files with 26 additions and 6 deletions

View File

@ -5044,9 +5044,9 @@ body.unscroll {\
}\
#overlay {\
top: 0;\
right: 0;\
left: 0;\
bottom: 0;\
width: 100%;\
height: 100%;\
text-align: center;\
background: rgba(0,0,0,.5);\
z-index: 1;\
@ -5058,11 +5058,17 @@ body.unscroll {\
vertical-align: middle;\
}\
#options {\
box-sizing: border-box;\
-moz-box-sizing: border-box;\
display: inline-block;\
padding: 5px;\
position: relative;\
text-align: left;\
vertical-align: middle;\
width: 600px;\
max-width: 100%;\
height: 500px;\
max-height: 100%;\
}\
#credits {\
float: right;\
@ -5082,8 +5088,12 @@ body.unscroll {\
text-decoration: underline;\
}\
#content {\
height: 450px;\
overflow: auto;\
position: absolute;\
top: 2.5em;\
right: 5px;\
bottom: 5px;\
left: 5px;\
}\
#content textarea {\
font-family: monospace;\

View File

@ -3961,9 +3961,9 @@ body.unscroll {
}
#overlay {
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
text-align: center;
background: rgba(0,0,0,.5);
z-index: 1;
@ -3975,11 +3975,17 @@ body.unscroll {
vertical-align: middle;
}
#options {
box-sizing: border-box;
-moz-box-sizing: border-box;
display: inline-block;
padding: 5px;
position: relative;
text-align: left;
vertical-align: middle;
width: 600px;
max-width: 100%;
height: 500px;
max-height: 100%;
}
#credits {
float: right;
@ -3999,8 +4005,12 @@ body.unscroll {
text-decoration: underline;
}
#content {
height: 450px;
overflow: auto;
position: absolute;
top: 2.5em;
right: 5px;
bottom: 5px;
left: 5px;
}
#content textarea {
font-family: monospace;