diff --git a/deluge/ui/web/css/deluge.css b/deluge/ui/web/css/deluge.css index 7dc22465e..c1da56f2e 100644 --- a/deluge/ui/web/css/deluge.css +++ b/deluge/ui/web/css/deluge.css @@ -162,13 +162,17 @@ dl.singleline dd { } /* Statusbar */ -#deluge-statusbar .x-not-connected { - background: url('../icons/error.png') no-repeat 2px; - padding-left: 20px; +.x-deluge-statusbar { + background: no-repeat 2px !important; + padding-left: 20px !important; } -#deluge-statusbar .x-connected { - background: transparent; +.x-not-connected { + background-image: url('../icons/error.png') !important; +} + +.x-connected { + background-image: transparent !important; } /* Styles for renderered progress bars */ diff --git a/deluge/ui/web/index.html b/deluge/ui/web/index.html index 0ba4462a8..c2897a457 100644 --- a/deluge/ui/web/index.html +++ b/deluge/ui/web/index.html @@ -29,5 +29,9 @@
+ + +
+
diff --git a/deluge/ui/web/js/deluge-all/Statusbar.js b/deluge/ui/web/js/deluge-all/Statusbar.js index a578d92b1..300766bad 100644 --- a/deluge/ui/web/js/deluge-all/Statusbar.js +++ b/deluge/ui/web/js/deluge-all/Statusbar.js @@ -35,8 +35,8 @@ Deluge.Statusbar = Ext.extend(Ext.ux.StatusBar, { constructor: function(config) { config = Ext.apply({ id: 'deluge-statusbar', - defaultIconCls: 'x-not-connected', - defaultText: _('Not Connected') + defaultIconCls: 'x-deluge-statusbar x-not-connected', + defaultText: _('Not Connected'), }, config); Deluge.Statusbar.superclass.constructor.call(this, config); }, diff --git a/deluge/ui/web/js/deluge-all/UI.js b/deluge/ui/web/js/deluge-all/UI.js index 50a129e85..84e8c5663 100644 --- a/deluge/ui/web/js/deluge-all/UI.js +++ b/deluge/ui/web/js/deluge-all/UI.js @@ -126,7 +126,10 @@ deluge.ui = { }, onConnectionSuccess: function(result) { - deluge.statusbar.setStatus('Connection restored'); + deluge.statusbar.setStatus({ + iconCls: 'x-deluge-statusbar icon-ok', + text: _('Connection restored') + }); clearInterval(this.checking); if (!result) { deluge.connectionManager.show(); @@ -143,7 +146,6 @@ deluge.ui = { }); deluge.events.fire('disconnect'); deluge.statusbar.setStatus({ - iconCls: 'icon-ok', text: 'Lost connection to webserver'} ); this.checking = setInterval(this.checkConnection, 2000);