diff --git a/js/thread-watcher.js b/js/thread-watcher.js index 22656e48..625e95e0 100644 --- a/js/thread-watcher.js +++ b/js/thread-watcher.js @@ -28,10 +28,10 @@ watchlist.render = function(reset) { JSON.parse(localStorage.watchlist).forEach(function(e, i) { //look at line 69, that's what (e) is here. threads.push('
' + - 'Board: '+e[0]+' ' + - 'Thread: '+''+e[1]+' ' + - 'Replies: '+e[2]+' ' + - '[Unwatch]'+ + '/'+e[0]+'/ - ' + + ''+e[1].replace("thread_", "Thread #")+'' + + ' ('+e[2]+') ' + + 'X'+ '
'); }); if ($('#watchlist').length) { @@ -40,6 +40,7 @@ watchlist.render = function(reset) { $('#watchlist').append(threads.join('')); } else { //If the watchlist has not yet been rendered, create it. + var menuStyle = getComputedStyle($('.boardlist')[0]); $('form[name="post"]').before( $('
'+ '
'+ @@ -47,10 +48,7 @@ watchlist.render = function(reset) { '[Clear Ghosts]'+ '
'+ threads.join('')+ - '
').css({ - background: $('.reply').css('background'), - borderColor : $('.reply').css('border-color') - })); + '').css("background-color", menuStyle.backgroundColor).css("border", menuStyle.borderBottomWidth+" "+menuStyle.borderBottomStyle+" "+menuStyle.borderBottomColor)); } return this; }; diff --git a/stylesheets/style.css b/stylesheets/style.css index b574a9f7..91a0b6f5 100644 --- a/stylesheets/style.css +++ b/stylesheets/style.css @@ -974,10 +974,18 @@ span.pln { margin-bottom: 10px; } +#watchlist { + font-size: 8pt; + width: 15%; + position: fixed; + right: 0pt; + bottom: 0pt; + margin: 0pt; + padding: 0pt; +} + .watchlist-inner, .watchlist-controls { - margin: 0 auto; - margin-top: 10px; - margin-bottom: 10px; + margin: 0pt; text-align: center; }