Merge lp:~snwh/egtk/header-bar-additions into lp:~elementary-design/egtk/trunk

[Sam Hewitt]

added some header-bar specific styles

[Danielle Foré (danrabbit)]

I'm not a fan of the way this affects linked buttons in (for example) Files.

Also be aware that the .header-bar class is no longer present in Gtk >=3.19. You should probably use .titlebar instead

review: Needs Fixing

[Danielle Foré (danrabbit)]

If you ever wanna revive this, please do so on GitHub

Unmerged revisions

631. By Sam Hewitt on 2016-01-30

added some header-bar specific styles

=== modified file 'gtk-3.0/apps.css'
--- gtk-3.0/apps.css	2016-01-15 21:20:28 +0000
+++ gtk-3.0/apps.css	2016-01-30 23:12:51 +0000
@@ -31,6 +31,15 @@
                 0 1px 2px alpha (#000, 0.24);
 }
 
+/* Header bar */
+.header-bar .avatar {
+    border:none;
+    border-radius: 15%;
+    box-shadow: inset 0 0 0 1px alpha(#000, 0.25),
+                inset 0 1px 2px 0 alpha (#000, 0.45),
+                0 1px 0 0 alpha( #fff, 0.45);
+}
+
 /*************
 * Calculator *
 *************/
 
=== modified file 'gtk-3.0/gtk-widgets.css'
--- gtk-3.0/gtk-widgets.css	2016-01-13 05:10:09 +0000
+++ gtk-3.0/gtk-widgets.css	2016-01-30 23:12:51 +0000
@@ -1138,7 +1138,6 @@
     background-color: alpha (#000, 0.05);
     background-image: none;
     border-color: alpha (#000, 0.27);
-
     box-shadow: inset 0 0 0 1px alpha (#000, 0.05),
                 0 1px 0 0 alpha (@bg_highlight_color, 0.30);
 }
@@ -1625,6 +1624,17 @@
     border-radius: 2.5px;
 }
 
+/* GraniteModeButton (linked full-height header-bar buttons) */ 
+.header-bar .linked .button,
+.header-bar .linked button {
+    border-right-width:0px;
+}
+
+.header-bar .linked .button:last-child,
+.header-bar .linked button:last-child {
+    border-right-width:1px;
+}
+
 /********************
 * Notebook and Tabs *
 ********************/