Mimic the behaviour and style of the sugar GTK+ 2 sub-toolbars in GTK+ 3

This patch takes care of the background color of the toolbutton
when pressed and hovered. Furthermore the border radius for the
highlightning when pressed is defined. There is a follow up patch
in sugar-toolkit-gtk3 to make use of this.

Signed-off-by: Gonzalo Odiard <gonzalo@laptop.org>
Signed-off-by: Manuel Quiñones <manuq@laptop.org>
Acked-by: Simon Schampijer <simon@laptop.org>

1 files changed, 16 insertions, 0 deletions

diff --git a/gtk3/theme/gtk-widgets.css.em b/gtk3/theme/gtk-widgets.css.em
index c5f8ee0..8c038cb 100644
--- a/gtk3/theme/gtk-widgets.css.em
+++ b/gtk3/theme/gtk-widgets.css.em
@@ -470,19 +470,35 @@ GtkVSeparator, GtkHSeparator,
 
 /* Tool buttons */
 
+.toolbar {
+padding: 0px;
+}
+
 .toolbar GtkToolButton .button,
 SugarPaletteWindowWidget GtkToolButton .button {
     border-radius: $(toolbutton_padding)px;
+    padding: $(default_padding)px;
 }
 
 .toolbar GtkToolButton .button:prelight,
 SugarPaletteWindowWidget GtkToolButton .button:prelight {
     background-color: @black;
+    border-radius: 0px;
+    border-width: 0px;
+}
+
+.toolbar GtkToolButton .button:active,
+SugarPaletteWindowWidget GtkToolButton .button:active {
+    background-color: @black;
+    border-radius: 0px;
 }
 
 .toolbar GtkToolButton .button:active:prelight,
 SugarPaletteWindowWidget GtkToolButton .button:active:prelight {
     background-color: @button_grey;
+    border-radius: $(subcell_size)px;
+    border-width: $(default_padding)px;
+    border-color: transparent;
 }
 
 /* Scales */