Goyslop/4chan-x
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
4chan_x.user.js
View File

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

16
script.coffee
View File

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