summaryrefslogtreecommitdiff
path: root/plugins/Realtime/realtimeupdate.js
diff options
context:
space:
mode:
authorSarven Capadisli <csarven@status.net>2009-11-18 15:57:45 +0000
committerSarven Capadisli <csarven@status.net>2009-11-18 15:57:45 +0000
commit6d3d78c793594f3737718f24a461710e278f3022 (patch)
tree205d0f706b4e05803e650ac9793e03627dc157b3 /plugins/Realtime/realtimeupdate.js
parent5014b748e486f46a8653d1609479f8f64dc24722 (diff)
Styled realtime_actions
Diffstat (limited to 'plugins/Realtime/realtimeupdate.js')
-rw-r--r--plugins/Realtime/realtimeupdate.js55
1 files changed, 32 insertions, 23 deletions
diff --git a/plugins/Realtime/realtimeupdate.js b/plugins/Realtime/realtimeupdate.js
index 4352b45d9..28cd59028 100644
--- a/plugins/Realtime/realtimeupdate.js
+++ b/plugins/Realtime/realtimeupdate.js
@@ -192,7 +192,20 @@ RealtimeUpdate = {
initActions: function(url, timeline, path)
{
var NP = $('#notices_primary');
- NP.prepend('<ul id="realtime_actions"><li id="realtime_pauseplay"></li></ul>');
+ NP.prepend('<ul id="realtime_actions"><li id="realtime_pauseplay"></li><li id="realtime_timeline"></li></ul>');
+
+ $('#realtime_actions').css({
+ 'position':'absolute',
+ 'top':'-20px',
+ 'right':'0',
+ 'margin':'0 0 11px 0'
+ });
+
+ $('#realtime_actions li').css({
+ 'margin-left':'18px',
+ 'list-style-type':'none',
+ 'float':'left'
+ });
RealtimeUpdate._pluginPath = path;
@@ -214,11 +227,12 @@ RealtimeUpdate = {
RT_P = $('#realtime_pause');
$('#realtime_pause').css({
'background':'url('+RealtimeUpdate._pluginPath+'icon_pause.gif) no-repeat 47% 47%',
- 'width':'16px',
- 'height':'16px',
- 'text-indent':'-9999px',
+ 'width':'16px',
+ 'height':'16px',
+ 'display':'block',
'border':'none',
- 'cursor':'pointer'
+ 'cursor':'pointer',
+ 'text-indent':'-9999px'
});
RT_P.bind('click', function() {
RealtimeUpdate._paused = true;
@@ -237,11 +251,12 @@ RealtimeUpdate = {
RT_P = $('#realtime_play');
RT_P.css({
'background':'url('+RealtimeUpdate._pluginPath+'icon_play.gif) no-repeat 47% 47%',
- 'width':'16px',
- 'height':'16px',
- 'text-indent':'-9999px',
+ 'width':'16px',
+ 'height':'16px',
+ 'display':'block',
'border':'none',
- 'cursor':'pointer'
+ 'cursor':'pointer',
+ 'text-indent':'-9999px'
});
RT_P.bind('click', function() {
RealtimeUpdate._paused = false;
@@ -264,28 +279,22 @@ RealtimeUpdate = {
initAddPopup: function(url, timeline, path)
{
- var NP = $('#notices_primary');
- NP.css({'position':'relative'});
- NP.prepend('<button id="realtime_timeline" title="Pop up in a window">Pop up</button>');
+ var NP = $('#realtime_timeline');
+ NP.append('<button id="realtime_popup" title="Pop up in a window">Pop up</button>');
- var RT = $('#realtime_timeline');
- RT.css({
- 'margin':'0 0 11px 0',
+ var PP = $('#realtime_popup');
+ PP.css({
'background':'transparent url('+ path + 'icon_external.gif) no-repeat 0 30%',
- 'padding':'0 0 0 20px',
+ 'width':'16px',
+ 'height':'16px',
'display':'block',
- 'position':'absolute',
- 'top':'-20px',
- 'right':'0',
'border':'none',
'cursor':'pointer',
- 'color':$('a').css('color'),
- 'font-weight':'bold',
- 'font-size':'1em'
+ 'text-indent':'-9999px'
});
$('#showstream #notices_primary').css({'margin-top':'18px'});
- RT.bind('click', function() {
+ PP.bind('click', function() {
window.open(url,
'',
'toolbar=no,resizable=yes,scrollbars=yes,status=yes,width=500,height=550');