Merge lp:~3v1n0/ubuntu-themes/closer-window-buttons into lp:ubuntu-themes

[Marco Trevisan (Treviño)]

Ambiance, Radiance: keep the windows button closer

Set the distance of window buttons like the one we've in Unity

[Iain Lane (laney)]

Feel free to ignore this, but I would prefer to avoid the :not and set the margin-{left,right} properties in the first/last case directly (to 'inherit' if you want, or 0).

[Alberts Muktupāvels (muktupavels)]

Does this work if there is only one button? Then it will be first and last child...

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

> Does this work if there is only one button? Then it will be first and last
> child...

Yes, sure... And in that case there won't be any margin set

> Feel free to ignore this, but I would prefer to avoid the :not and set the
> margin-{left,right} properties in the first/last case directly (to 'inherit'
> if you want, or 0).

Mh, I see things using :not to be more explicit, but we've probably a different way to think :-)

Anyway, I've updated this for your pleasure ;-).

[lp:~3v1n0/ubuntu-themes/closer-window-buttons]

542. By Marco Trevisan (Treviño) on 2017-05-15

Ambiance, Radiance: use explicit definition for titlebutton margins instead of :not's

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

Self global-approving as per:

19:04:44 <Laney> Trevinho: ok, feel free to publish

;-)

=== modified file 'Ambiance/gtk-3.20/gtk-widgets.css'
--- Ambiance/gtk-3.20/gtk-widgets.css	2017-05-10 12:37:58 +0000
+++ Ambiance/gtk-3.20/gtk-widgets.css	2017-05-15 03:31:22 +0000
@@ -283,7 +283,7 @@
 }
 
 button separator { 
-	color: shade(@bg_color, 1.30);
+    color: shade(@bg_color, 1.30);
 }
 
 /* actionbar */
@@ -2105,6 +2105,20 @@
     background-image: linear-gradient(to top, #5a5955, #75746d 50%, #8e8d88);
 }
 
+/* keep buttons closer */
+.titlebar button.titlebutton {
+    margin-left: -2px;
+    margin-right: -2px;
+}
+
+.titlebar button.titlebutton:first-child {
+    margin-left: inherit;
+}
+
+.titlebar button.titlebutton:last-child {
+    margin-right: inherit;
+}
+
 .titlebar button.titlebutton.close {
     color: #323112;
     -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.25);

=== modified file 'Radiance/gtk-3.20/gtk-widgets.css'
--- Radiance/gtk-3.20/gtk-widgets.css	2017-05-10 12:37:58 +0000
+++ Radiance/gtk-3.20/gtk-widgets.css	2017-05-15 03:31:22 +0000
@@ -282,7 +282,7 @@
 }
 
 button separator { 
-	color: shade(@bg_color, 1.30);
+    color: shade(@bg_color, 1.30);
 }
 
 /* actionbar */
@@ -2108,6 +2108,20 @@
     background-image: linear-gradient(to top, #d5d2ce, #ece8e4 50%, #f7f4f3);
 }
 
+/* keep buttons closer */
+.titlebar button.titlebutton {
+    margin-left: -2px;
+    margin-right: -2px;
+}
+
+.titlebar button.titlebutton:first-child {
+    margin-left: inherit;
+}
+
+.titlebar button.titlebutton:last-child {
+    margin-right: inherit;
+}
+
 .titlebar button.titlebutton.close {
     color: #7f4025;
     -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.25);