Merge lp:~3v1n0/ubuntu-themes/toolbar-mode-headerbar-gradient into lp:ubuntu-themes

[Marco Trevisan (Treviño)]

Ambiance, Radiance: use inverted gradient in headerbar when in toolbar-mode

Headerbars in unity can be in toolbar-mode, this is the case when the window is maximized.
So in that case we need to use the same gradient of toolbars and remove borders.

Here's the result http://i.imgur.com/KcYLXqf.png (with lp:~3v1n0/gtk/unity-maximized-headerbar-buttons-hide)

[PS Jenkins bot (ps-jenkins)]

PASSED: Continuous integration, rev:468
http://jenkins.qa.ubuntu.com/job/ubuntu-themes-ci/132/
Executed test runs:
    SUCCESS: http://jenkins.qa.ubuntu.com/job/ubuntu-themes-vivid-amd64-ci/46
    SUCCESS: http://jenkins.qa.ubuntu.com/job/ubuntu-themes-vivid-armhf-ci/46
    SUCCESS: http://jenkins.qa.ubuntu.com/job/ubuntu-themes-vivid-i386-ci/46

Click here to trigger a rebuild:
http://s-jenkins.ubuntu-ci:8080/job/ubuntu-themes-ci/132/rebuild

review: Approve (continuous-integration)

=== modified file 'Ambiance/gtk-3.0/gtk-widgets.css'
--- Ambiance/gtk-3.0/gtk-widgets.css	2016-01-20 12:04:47 +0000
+++ Ambiance/gtk-3.0/gtk-widgets.css	2016-03-10 20:29:38 +0000
@@ -1567,6 +1567,10 @@
     border: none;
 }
 
+.maximized .titlebar.header-bar.toolbar-mode {
+    box-shadow: none;
+}
+
 .titlebar.header-bar .button.titlebutton {
     background-clip: padding-box;
     border: 1px solid #383734;
@@ -1629,7 +1633,8 @@
  * primary-toolbar *
  *******************/
 .primary-toolbar,
-.header-bar {
+.header-bar,
+.maximized .titlebar.header-bar.toolbar-mode:not(:backdrop) {
     -GtkWidget-window-dragging: true;
 
     background-image: -gtk-gradient (linear, left top, left bottom,
@@ -1647,6 +1652,10 @@
     box-shadow: inset 0 1px shade (@dark_bg_color, 0.94);
 }
 
+.maximized .titlebar.header-bar.toolbar-mode:not(:backdrop) {
+    border-width: 0;
+}
+
 .primary-toolbar:backdrop,
 .header-bar:backdrop {
     background-image: none;

=== modified file 'Radiance/gtk-3.0/gtk-widgets-radiance.css'
--- Radiance/gtk-3.0/gtk-widgets-radiance.css	2014-03-24 15:47:08 +0000
+++ Radiance/gtk-3.0/gtk-widgets-radiance.css	2016-03-10 20:29:38 +0000
@@ -106,7 +106,8 @@
 .primary-toolbar .toolbar,
 .primary-toolbar.toolbar,
 .menubar.toolbar,
-.header-bar {
+.header-bar,
+.maximized .titlebar.header-bar.toolbar-mode:not(:backdrop) {
     background-image: -gtk-gradient (linear, left top, left bottom,
                                      from (shade (@dark_bg_color, 0.96)),
                                      to (shade (@dark_bg_color, 1.1)));

=== modified file 'Radiance/gtk-3.0/gtk-widgets.css'
--- Radiance/gtk-3.0/gtk-widgets.css	2016-01-20 12:04:47 +0000
+++ Radiance/gtk-3.0/gtk-widgets.css	2016-03-10 20:29:38 +0000
@@ -1586,6 +1586,10 @@
     border: none;
 }
 
+.maximized .titlebar.header-bar.toolbar-mode {
+    box-shadow: none;
+}
+
 .titlebar.header-bar .button.titlebutton {
     background-clip: padding-box;
     border: 1px solid #d0c7bf;
@@ -1647,7 +1651,8 @@
  * primary-toolbar *
  *******************/
 .primary-toolbar,
-.header-bar {
+.header-bar,
+.maximized .titlebar.header-bar.toolbar-mode:not(:backdrop) {
     -GtkWidget-window-dragging: true;
 
     background-image: -gtk-gradient (linear, left top, left bottom,
@@ -1665,6 +1670,10 @@
     box-shadow: inset 0 1px shade (@dark_bg_color, 0.94);
 }
 
+.maximized .titlebar.header-bar.toolbar-mode:not(:backdrop) {
+    border-width: 0;
+}
+
 .primary-toolbar:backdrop,
 .header-bar:backdrop {
     background-image: none;