Merge lp:~c-lobrano/ubuntu-themes/bug-1708141 into lp:ubuntu-themes

[Carlo Lobrano]

Added support for vertically linked buttons

Currently both Ambiance and Radiance themes use horizontal
linked button style for even for the vertically linked buttons.

This patch fixes this introducing css styling for verical
linked button first, last and only child.

[Ken VanDine (ken-vandine)]

I've tested this and it look goods to me. But I'll defer to Marco for a proper review.

[Marco Trevisan (Treviño) (3v1n0)]

Ack!

review: Approve

=== modified file 'Ambiance/gtk-3.20/gtk-widgets.css'
--- Ambiance/gtk-3.20/gtk-widgets.css	2017-06-09 08:46:35 +0000
+++ Ambiance/gtk-3.20/gtk-widgets.css	2017-08-11 17:40:57 +0000
@@ -277,6 +277,24 @@
     box-shadow: none;
 }
 
+.linked.vertical button:first-child {
+    border-image-width: 10px 10px 0 10px;
+    border-width: 1px;
+    border-radius: 0;
+}
+
+.linked.vertical button:only-child {
+    border-image-width: 10px;
+    border-width: 1px;
+    border-radius: 0;
+}
+
+.linked.vertical button:last-child {
+    border-image-width: 0 10px 10px 10px;
+    border-width: 1px;
+    border-radius: 0;
+}
+
 *:link,
 *:visited {
   color: @link_color;

=== modified file 'Radiance/gtk-3.20/gtk-widgets.css'
--- Radiance/gtk-3.20/gtk-widgets.css	2017-06-09 08:46:35 +0000
+++ Radiance/gtk-3.20/gtk-widgets.css	2017-08-11 17:40:57 +0000
@@ -276,6 +276,24 @@
     box-shadow: none;
 }
 
+.linked.vertical button:first-child {
+    border-image-width: 10px 10px 0 10px;
+    border-width: 1px;
+    border-radius: 0;
+}
+
+.linked.vertical button:only-child {
+    border-image-width: 10px;
+    border-width: 1px;
+    border-radius: 0;
+}
+
+.linked.vertical button:last-child {
+    border-image-width: 0 10px 10px 10px;
+    border-width: 1px;
+    border-radius: 0;
+}
+
 *:link,
 *:visited {
   color: @link_color;