diff --git a/gajim/data/style/gajim.css b/gajim/data/style/gajim.css index 888b2d51b9259e4f93785b6847120fdf57d83a81..2880855981a7214ae27f2f310a91ad21c8765beb 100644 --- a/gajim/data/style/gajim.css +++ b/gajim/data/style/gajim.css @@ -121,8 +121,6 @@ .account-identifier-bar { .selection-bar { border-top-right-radius: 6px; border-bottom-right-radius: 6px; - margin-top: 6px; - margin-bottom: 6px; } .small-label { font-size: small; @@ -155,6 +153,10 @@ .workspace-sidebar-item:focus { box-shadow: none; outline: none; } +.workspace-sidebar-item .selection-bar { + margin-top: 6px; + margin-bottom: 6px; +} .workspace-sidebar-item:selected .selection-bar { background-color: lighter(@theme_selected_bg_color); } @@ -184,7 +186,6 @@ .workspace-add button { /* Account sidebar */ .account-sidebar { background: transparent; - margin-right: 6px; margin-bottom: 6px; } .account-sidebar-item { @@ -198,9 +199,15 @@ .account-sidebar-item:focus { box-shadow: none; outline: none; } -.account-sidebar-item:selected image, -.account-sidebar-item:hover image { - background-color: shade(@theme_base_color, 0.8); +.account-sidebar-item .selection-bar { + margin-top: 3px; + margin-bottom: 3px; +} +.account-sidebar-item:selected .selection-bar { + background-color: lighter(@theme_selected_bg_color); +} +.account-sidebar-item:hover .selection-bar { + background-color: @theme_selected_bg_color; } .account-sidebar-item image { border-radius: 9px; diff --git a/gajim/gtk/account_side_bar.py b/gajim/gtk/account_side_bar.py index 21dc2ad9135f24735d6de2074a49becf498e41ce..496b0b2d1f935908745f3018112725a99c64aa1f 100644 --- a/gajim/gtk/account_side_bar.py +++ b/gajim/gtk/account_side_bar.py @@ -60,6 +60,11 @@ def __init__(self, account): self.account = account self._account_class = None + + selection_bar = Gtk.Box() + selection_bar.set_size_request(6, -1) + selection_bar.get_style_context().add_class('selection-bar') + self._image = AccountAvatar(account) self._account_color_bar = Gtk.Box() @@ -70,8 +75,9 @@ def __init__(self, account): account_box = Gtk.Box(spacing=3) account_box.set_tooltip_text( _('Account: %s') % app.get_account_label(account)) - account_box.add(self._account_color_bar) + account_box.add(selection_bar) account_box.add(self._image) + account_box.add(self._account_color_bar) self._update_account_color() self.add(account_box)