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

added autohide

Browse Source
This commit is contained in:
James Campos 2010-04-27 01:44:00 -07:00
parent 50010dd639
commit 254b62e72a
2 changed files with 47 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
foltor/foltor.coffee
View File

@ -68,20 +68,22 @@ GM_addStyle('
#filter { #filter {
position: fixed; position: fixed;
text-align: right; text-align: right;
}
#filter:hover {
border: 1px solid; border: 1px solid;
} }
#filter:not(:hover) { #filter.autohide:not(:hover){
background: rgba(0,0,0,0) background: rgba(0,0,0,0);
border: none;
} }
#filter:not(:hover) > div { #filter.autohide:not(:hover) > div {
display: none; display: none;
} }
#filter:not(:hover) > div.top { #filter.autohide:not(:hover) > div.top {
display: block; display: block;
padding: 0; padding: 0;
} }
#filter.autohide a:last-child {
font-weight: bold;
}
#filter > div { #filter > div {
padding: 0 5px 0 5px; padding: 0 5px 0 5px;
} }
@ -152,9 +154,16 @@ resetF: ->
table.className: '' table.className: ''
autoHideF: ->
if filter.className is 'reply'
filter.className: 'reply autohide'
else
filter.className: 'reply'
filter: tag('div') filter: tag('div')
filter.id: 'filter' filter.id: 'filter'
filter.className: 'reply' autoHideF()
position(filter) position(filter)
bar: tag('div') bar: tag('div')
@ -190,10 +199,16 @@ reset: tag('a')
reset.textContent: 'reset' reset.textContent: 'reset'
reset.className: 'pointer' reset.className: 'pointer'
reset.addEventListener('click', resetF, true) reset.addEventListener('click', resetF, true)
autoHide: tag('a')
autoHide.textContent: 'autohide'
autoHide.className: 'pointer'
autoHide.addEventListener('click', autoHideF, true)
div: tag('div') div: tag('div')
div.className: 'bottom' div.className: 'bottom'
div.appendChild(apply) div.appendChild(apply)
div.appendChild(text(' ')) div.appendChild(text(' '))
div.appendChild(reset) div.appendChild(reset)
div.appendChild(text(' '))
div.appendChild(autoHide)
filter.appendChild(div) filter.appendChild(div)
document.body.appendChild(filter) document.body.appendChild(filter)

33
foltor/foltor.js
View File

@ -1,5 +1,5 @@
(function(){ (function(){
var $, $$, _a, _b, _c, apply, bar, div, field, fields, filter, filterAll, filterSingle, input, keydown, label, mousedown, mousemove, mouseup, move, position, reset, resetF, tag, text, x; var $, $$, _a, _b, _c, apply, autoHide, autoHideF, bar, div, field, fields, filter, filterAll, filterSingle, input, keydown, label, mousedown, mousemove, mouseup, move, position, reset, resetF, tag, text, x;
var __hasProp = Object.prototype.hasOwnProperty; var __hasProp = Object.prototype.hasOwnProperty;
x = function x(path, root) { x = function x(path, root) {
root = root || document.body; root = root || document.body;
@ -91,20 +91,22 @@
#filter { \ #filter { \
position: fixed; \ position: fixed; \
text-align: right; \ text-align: right; \
} \
#filter:hover { \
border: 1px solid; \ border: 1px solid; \
} \ } \
#filter:not(:hover) { \ #filter.autohide:not(:hover){ \
background: rgba(0,0,0,0) \ background: rgba(0,0,0,0); \
border: none; \
} \ } \
#filter:not(:hover) > div { \ #filter.autohide:not(:hover) > div { \
display: none; \ display: none; \
} \ } \
#filter:not(:hover) > div.top { \ #filter.autohide:not(:hover) > div.top { \
display: block; \ display: block; \
padding: 0; \ padding: 0; \
} \ } \
#filter.autohide a:last-child { \
font-weight: bold; \
} \
#filter > div { \ #filter > div { \
padding: 0 5px 0 5px; \ padding: 0 5px 0 5px; \
} \ } \
@ -183,9 +185,18 @@ display: none; \
} }
return _a; return _a;
}; };
autoHideF = function autoHideF() {
if (filter.className === 'reply') {
filter.className = 'reply autohide';
return filter.className;
} else {
filter.className = 'reply';
return filter.className;
}
};
filter = tag('div'); filter = tag('div');
filter.id = 'filter'; filter.id = 'filter';
filter.className = 'reply'; autoHideF();
position(filter); position(filter);
bar = tag('div'); bar = tag('div');
bar.textContent = '4chon foltor'; bar.textContent = '4chon foltor';
@ -214,11 +225,17 @@ display: none; \
reset.textContent = 'reset'; reset.textContent = 'reset';
reset.className = 'pointer'; reset.className = 'pointer';
reset.addEventListener('click', resetF, true); reset.addEventListener('click', resetF, true);
autoHide = tag('a');
autoHide.textContent = 'autohide';
autoHide.className = 'pointer';
autoHide.addEventListener('click', autoHideF, true);
div = tag('div'); div = tag('div');
div.className = 'bottom'; div.className = 'bottom';
div.appendChild(apply); div.appendChild(apply);
div.appendChild(text(' ')); div.appendChild(text(' '));
div.appendChild(reset); div.appendChild(reset);
div.appendChild(text(' '));
div.appendChild(autoHide);
filter.appendChild(div); filter.appendChild(div);
document.body.appendChild(filter); document.body.appendChild(filter);
})(); })();