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

tweak firstrun

Browse Source
This commit is contained in:
James Campos 2011-06-20 11:11:59 -07:00
parent 350db1f73a
commit e975e9d2d8
2 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
4chan_x.user.js
View File

@ -2484,17 +2484,16 @@
}; };
firstRun = { firstRun = {
init: function() { init: function() {
var css, dialog, style; var dialog, style;
css = " #navtopr, #navbotr { position: relative; } #navtopr::before { content: ''; height: 50px; width: 100px; background: red; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform-origin: 100% 200%; -moz-transform-origin: 100% 200%; -o-transform-origin: 100% 200%; position: absolute; top: 100%; right: 100%; z-index: 999; } #navtopr::after { content: ''; border-top: 100px solid red; border-left: 100px solid transparent; position: absolute; top: 100%; right: 100%; z-index: 999; } #navbotr::before { content: ''; height: 50px; width: 100px; background: red; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform-origin: 100% -100%; -moz-transform-origin: 100% -100%; -o-transform-origin: 100% -100%; position: absolute; bottom: 100%; right: 100%; z-index: 999; } #navbotr::after { content: ''; border-bottom: 100px solid red; border-left: 100px solid transparent; position: absolute; bottom: 100%; right: 100%; z-index: 999; } "; style = $.addStyle(" #navtopr, #navbotr { position: relative; } #navtopr::before { content: ''; height: 50px; width: 100px; background: red; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -webkit-transform-origin: 100% 200%; -moz-transform-origin: 100% 200%; -o-transform-origin: 100% 200%; position: absolute; top: 100%; right: 100%; z-index: 999; } #navtopr::after { content: ''; border-top: 100px solid red; border-left: 100px solid transparent; position: absolute; top: 100%; right: 100%; z-index: 999; } #navbotr::before { content: ''; height: 50px; width: 100px; background: red; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform-origin: 100% -100%; -moz-transform-origin: 100% -100%; -o-transform-origin: 100% -100%; position: absolute; bottom: 100%; right: 100%; z-index: 999; } #navbotr::after { content: ''; border-bottom: 100px solid red; border-left: 100px solid transparent; position: absolute; bottom: 100%; right: 100%; z-index: 999; } ");
style = $.addStyle(css);
style.className = 'firstrun'; style.className = 'firstrun';
dialog = $.el('div', { dialog = $.el('div', {
id: 'overlay', id: 'overlay',
className: 'firstrun', className: 'firstrun',
innerHTML: "<div id=options><div class='reply dialog'>Click the <strong>4chan X</strong> links for options.<br>There is one on top of and the other at the bottom of the page.</div></div>" innerHTML: " <div id=options> <div class='reply dialog'> <p>Click the <strong>4chan X</strong> buttons for options.</p> <p>The buttons are at the top and bottom of the page.</p> </div> </div>"
}); });
$.append(d.body, dialog); $.append(d.body, dialog);
return $.bind(dialog, 'click', firstRun.close); return $.bind(window, 'click', firstRun.close);
}, },
close: function() { close: function() {
$.setValue('firstrun', true); $.setValue('firstrun', true);

13
script.coffee
View File

@ -1853,7 +1853,7 @@ imgExpand =
firstRun = firstRun =
init: -> init: ->
css = " style = $.addStyle "
#navtopr, #navbotr { #navtopr, #navbotr {
position: relative; position: relative;
} }
@ -1908,16 +1908,21 @@ firstRun =
z-index: 999; z-index: 999;
} }
" "
style = $.addStyle css
style.className = 'firstrun' style.className = 'firstrun'
dialog = $.el 'div', dialog = $.el 'div',
id: 'overlay' id: 'overlay'
className: 'firstrun' className: 'firstrun'
innerHTML: "<div id=options><div class='reply dialog'>Click the <strong>4chan X</strong> links for options.<br>There is one on top of and the other at the bottom of the page.</div></div>" innerHTML: "
<div id=options>
<div class='reply dialog'>
<p>Click the <strong>4chan X</strong> buttons for options.</p>
<p>The buttons are at the top and bottom of the page.</p>
</div>
</div>"
$.append d.body, dialog $.append d.body, dialog
$.bind dialog, 'click', firstRun.close $.bind window, 'click', firstRun.close
close: -> close: ->
$.setValue 'firstrun', true $.setValue 'firstrun', true