Style general menus and the Sugar palette menus - SL #3879

- Add bottom padding to the menu.

- Style separators in menu.

- Add exception for the header menu item of the Sugar palette,
  1. correct padding and 2. set a background color so it doesn't look
  clickeable, and looks like an informational header instead.

- Add exception for the first separator in the Sugar palette.

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

1 files changed, 18 insertions, 1 deletions

diff --git a/gtk3/theme/gtk-widgets.css.em b/gtk3/theme/gtk-widgets.css.em
index f338bc9..9059b49 100644
--- a/gtk3/theme/gtk-widgets.css.em
+++ b/gtk3/theme/gtk-widgets.css.em
@@ -419,7 +419,7 @@ SugarPaletteWindow SugarGroupBox *:insensitive {
     -GtkMenu-horizontal-offset : 0;
     -GtkMenu-vertical-offset   : 0;
 
-    padding: 0px;
+    padding: 0px 0px $(subcell_size)px 0px;
     border-width: 2px;
     border-color: @button_grey;
     border-style: solid;
@@ -437,6 +437,23 @@ SugarPaletteWindow SugarGroupBox *:insensitive {
     background-color: @button_grey;
 }
 
+.menuitem.separator {
+    padding: $(subcell_size)px 0px;
+    color: @button_grey;
+}
+
+SugarPaletteHeader.menuitem {
+    padding: 0px $((subcell_size * 3 - font_height) / 2)px;
+}
+
+SugarPaletteHeader.menuitem:prelight {
+    background-color: @black;
+}
+
+SugarPaletteHeaderSeparator.menuitem.separator {
+    padding: 0px 0px $(subcell_size)px 0px;
+}
+
 .tooltip {
     background-color: @black;
     border-style: solid;