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

Text input style fixes.

Browse Source
This commit is contained in:
Nicolas Stepien 2012-06-16 16:35:25 +02:00
parent f24f7855a5
commit f7cefdcf41
2 changed files with 23 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
4chan_x.user.js
View File

@ -2292,12 +2292,12 @@
<div class=warning><code>Quote Backlinks</code> are disabled.</div>\
<ul>\
Backlink formatting\
<li><input type=text name=backlink> : <span id=backlinkPreview></span></li>\
<li><input name=backlink class=field> : <span id=backlinkPreview></span></li>\
</ul>\
<div class=warning><code>Time Formatting</code> is disabled.</div>\
<ul>\
Time formatting\
<li><input type=text name=time> : <span id=timePreview></span></li>\
<li><input name=time class=field> : <span id=timePreview></span></li>\
<li>Supported <a href=http://en.wikipedia.org/wiki/Date_%28Unix%29#Formatting>format specifiers</a>:</li>\
<li>Day: %a, %A, %d, %e</li>\
<li>Month: %m, %b, %B</li>\
@ -2309,7 +2309,7 @@
<div class=warning><code>File Info Formatting</code> is disabled.</div>\
<ul>\
File Info Formatting\
<li><input type=text name=fileInfo> : <span id=fileInfoPreview class=fileText></span></li>\
<li><input name=fileInfo class=field> : <span id=fileInfoPreview class=fileText></span></li>\
<li>Link (with original file name): %l (lowercase L, truncated), %L (untruncated)</li>\
<li>Original file name: %n (Truncated), %N (Untruncated)</li>\
<li>Spoiler indicator: %p</li>\
@ -2365,6 +2365,7 @@
for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
ta = _ref1[_i];
ta.textContent = $.get(ta.name, Conf[ta.name]);
ta.className = 'field';
$.on(ta, 'change', $.cb.value);
}
(back = $('[name=backlink]', dialog)).value = $.get('backlink', Conf['backlink']);
@ -2384,7 +2385,7 @@
for (key in _ref2) {
arr = _ref2[key];
tr = $.el('tr', {
innerHTML: "<td>" + arr[1] + "</td><td><input name=" + key + "></td>"
innerHTML: "<td>" + arr[1] + "</td><td><input name=" + key + " class=field></td>"
});
input = $('input', tr);
input.value = $.get(key, Conf[key]);
@ -2481,7 +2482,7 @@
html += "<div><label title='" + title + "'>" + name + "<input name='" + name + "' type=checkbox " + checked + "></label></div>";
}
checked = Conf['Auto Update'] ? 'checked' : '';
html += " <div><label title='Controls whether *this* thread automatically updates or not'>Auto Update This<input name='Auto Update This' type=checkbox " + checked + "></label></div> <div><label>Interval (s)<input name=Interval value=" + Conf['Interval'] + " type=text></label></div> <div><input value='Update Now' type=button></div>";
html += " <div><label title='Controls whether *this* thread automatically updates or not'>Auto Update This<input name='Auto Update This' type=checkbox " + checked + "></label></div> <div><label>Interval (s)<input name=Interval value=" + Conf['Interval'] + " class=field size=4></label></div> <div><input value='Update Now' type=button></div>";
dialog = UI.dialog('updater', 'bottom: 0; right: 0;', html);
this.count = $('#count', dialog);
this.timer = $('#timer', dialog);
@ -4776,12 +4777,14 @@ h1 {\
font: 13px sans-serif;\
margin: 0;\
padding: 2px 4px 3px;\
width: 30%;\
-webkit-transition: color .25s, border .25s;\
-moz-transition: color .25s, border .25s;\
-o-transition: color .25s, border .25s;\
transition: color .25s, border .25s;\
}\
#qr .field:not(#dump) {\
width: 30%;\
}\
.field:-moz-placeholder,\
.field:hover:-moz-placeholder {\
color: #AAA;\
@ -4794,7 +4797,7 @@ h1 {\
textarea.field {\
min-height: 120px;\
}\
.field:only-child {\
#qr .field:only-child {\
display: block;\
min-width: 100%;\
}\
@ -4903,9 +4906,7 @@ body.unscroll {\
overflow: auto;\
}\
#content textarea {\
box-sizing: border-box;\
-moz-box-sizing: border-box;\
margin: 0;\
font-family: monospace;\
min-height: 100px;\
resize: vertical;\
width: 100%;\
@ -4917,9 +4918,6 @@ body.unscroll {\
#updater {\
text-align: right;\
}\
#updater input[type=text] {\
width: 50px;\
}\
#updater:not(:hover) {\
border: none;\
background: transparent;\

25
script.coffee
View File

@ -1763,12 +1763,12 @@ Options =
<div class=warning><code>Quote Backlinks</code> are disabled.</div>
<ul>
Backlink formatting
<li><input type=text name=backlink> : <span id=backlinkPreview></span></li>
<li><input name=backlink class=field> : <span id=backlinkPreview></span></li>
</ul>
<div class=warning><code>Time Formatting</code> is disabled.</div>
<ul>
Time formatting
<li><input type=text name=time> : <span id=timePreview></span></li>
<li><input name=time class=field> : <span id=timePreview></span></li>
<li>Supported <a href=http://en.wikipedia.org/wiki/Date_%28Unix%29#Formatting>format specifiers</a>:</li>
<li>Day: %a, %A, %d, %e</li>
<li>Month: %m, %b, %B</li>
@ -1780,7 +1780,7 @@ Options =
<div class=warning><code>File Info Formatting</code> is disabled.</div>
<ul>
File Info Formatting
<li><input type=text name=fileInfo> : <span id=fileInfoPreview class=fileText></span></li>
<li><input name=fileInfo class=field> : <span id=fileInfoPreview class=fileText></span></li>
<li>Link (with original file name): %l (lowercase L, truncated), %L (untruncated)</li>
<li>Original file name: %n (Truncated), %N (Untruncated)</li>
<li>Spoiler indicator: %p</li>
@ -1830,6 +1830,7 @@ Options =
#filter & sauce
for ta in $$ 'textarea', dialog
ta.textContent = $.get ta.name, Conf[ta.name]
ta.className = 'field'
$.on ta, 'change', $.cb.value
#rice
@ -1850,7 +1851,7 @@ Options =
#keybinds
for key, arr of Config.hotkeys
tr = $.el 'tr',
innerHTML: "<td>#{arr[1]}</td><td><input name=#{key}></td>"
innerHTML: "<td>#{arr[1]}</td><td><input name=#{key} class=field></td>"
input = $ 'input', tr
input.value = $.get key, Conf[key]
$.on input, 'keydown', Options.keybind
@ -1931,7 +1932,7 @@ Updater =
checked = if Conf['Auto Update'] then 'checked' else ''
html += "
<div><label title='Controls whether *this* thread automatically updates or not'>Auto Update This<input name='Auto Update This' type=checkbox #{checked}></label></div>
<div><label>Interval (s)<input name=Interval value=#{Conf['Interval']} type=text></label></div>
<div><label>Interval (s)<input name=Interval value=#{Conf['Interval']} class=field size=4></label></div>
<div><input value='Update Now' type=button></div>"
dialog = UI.dialog 'updater', 'bottom: 0; right: 0;', html
@ -2643,6 +2644,7 @@ QuoteInline =
inline = $.el 'div',
id: "i#{postID}"
className: if el then 'inline' else 'inline crosspost'
root =
if isBacklink = /\bbacklink\b/.test q.className
q.parentNode
@ -3726,12 +3728,14 @@ h1 {
font: 13px sans-serif;
margin: 0;
padding: 2px 4px 3px;
width: 30%;
-webkit-transition: color .25s, border .25s;
-moz-transition: color .25s, border .25s;
-o-transition: color .25s, border .25s;
transition: color .25s, border .25s;
}
#qr .field:not(#dump) {
width: 30%;
}
.field:-moz-placeholder,
.field:hover:-moz-placeholder {
color: #AAA;
@ -3744,7 +3748,7 @@ h1 {
textarea.field {
min-height: 120px;
}
.field:only-child {
#qr .field:only-child {
display: block;
min-width: 100%;
}
@ -3853,9 +3857,7 @@ body.unscroll {
overflow: auto;
}
#content textarea {
box-sizing: border-box;
-moz-box-sizing: border-box;
margin: 0;
font-family: monospace;
min-height: 100px;
resize: vertical;
width: 100%;
@ -3867,9 +3869,6 @@ body.unscroll {
#updater {
text-align: right;
}
#updater input[type=text] {
width: 50px;
}
#updater:not(:hover) {
border: none;
background: transparent;