From 174ea92b10a6b5999efbdc899decd7b34f1a7a8a Mon Sep 17 00:00:00 2001
From: tista500 <tista.gma500@gmail.com>
Date: Fri, 28 Jul 2017 12:13:18 +0900
Subject: [PATCH] Gtk-3.20&3.22&4.0: [Budgie-desktop] Polish BudgiePopover of
 workspace-switcher

Today I've found that popover widget looked so ugly...
---
 gtk/sass/3.20/_3rd-party.scss | 53 +++++++++++++++++++++++++++++++++++
 gtk/sass/3.22/_3rd-party.scss | 53 +++++++++++++++++++++++++++++++++++
 gtk/sass/4.0/_3rd-party.scss  | 53 +++++++++++++++++++++++++++++++++++
 3 files changed, 159 insertions(+)

diff --git a/gtk/sass/3.20/_3rd-party.scss b/gtk/sass/3.20/_3rd-party.scss
index 8989a42fb..71874cc96 100644
--- a/gtk/sass/3.20/_3rd-party.scss
+++ b/gtk/sass/3.20/_3rd-party.scss
@@ -1252,6 +1252,59 @@ widget > box.workspace-switcher {
   }
 }
 
+window.budgie-popover.workspace-popover {
+  $max_children_per_line: 4;
+  $requested_width: 150px;
+
+  box.workspace-popover-button-box {
+    > button.flat { // 'Rename' and 'Remove'
+      min-width: $requested_width;
+      padding: rem(5.3px) rem(8px + 5.3px) rem(6.7px);
+      border-radius: 0;
+      -gtk-outline-radius: 0;
+      font-weight: 500;
+
+      &:first-child { // draw an arrow
+        &:dir(ltr) {
+          border-image:-gtk-icontheme("pan-end-symbolic")
+                                      0 13.3 0 0 / 0 13.3px 0 0;
+        }
+        &:dir(rtl) {
+          border-image:-gtk-icontheme("pan-end-symbolic")
+                                      0 0 0 13.3 / 0 0 0 13.3px;
+        }
+      }
+    }
+
+    // hide unneeded separators
+    > separator.horizontal {
+      min-height: 0;
+      margin: 0;
+      background-color: transparent;
+    }
+  }
+
+  flowbox > flowboxchild { // apps icon grid
+    button.flat:not(:active) {
+      transition-property: opacity,
+                           border-color,
+                           border-image,
+                           background-color,
+                           background-image,
+                           box-shadow,
+                           icon-shadow;
+      transition-timing-function: $slope_slow;
+      transition-duration: 0.2s;
+    }
+
+    image {
+      padding: ($requested_width - $icon_size * ($max_children_per_line + 1))
+               / ($max_children_per_line * 2)
+               0;
+    }
+  }
+}
+
 // show-desktop applet
 @each $position, $_spacing, $_line in (top, 0 6px, 0 2px),
                                       (bottom, 0 6px, 0 -2px),
diff --git a/gtk/sass/3.22/_3rd-party.scss b/gtk/sass/3.22/_3rd-party.scss
index bf9c0135e..7de562706 100644
--- a/gtk/sass/3.22/_3rd-party.scss
+++ b/gtk/sass/3.22/_3rd-party.scss
@@ -1261,6 +1261,59 @@ widget > box.workspace-switcher {
   }
 }
 
+window.budgie-popover.workspace-popover {
+  $max_children_per_line: 4;
+  $requested_width: 150px;
+
+  box.workspace-popover-button-box {
+    > button.flat { // 'Rename' and 'Remove'
+      min-width: $requested_width;
+      padding: rem(5.3px) rem(8px + 5.3px) rem(6.7px);
+      border-radius: 0;
+      -gtk-outline-radius: 0;
+      font-weight: 500;
+
+      &:first-child { // draw an arrow
+        &:dir(ltr) {
+          border-image:-gtk-icontheme("pan-end-symbolic")
+                                      0 13.3 0 0 / 0 13.3px 0 0;
+        }
+        &:dir(rtl) {
+          border-image:-gtk-icontheme("pan-end-symbolic")
+                                      0 0 0 13.3 / 0 0 0 13.3px;
+        }
+      }
+    }
+
+    // hide unneeded separators
+    > separator.horizontal {
+      min-height: 0;
+      margin: 0;
+      background-color: transparent;
+    }
+  }
+
+  flowbox > flowboxchild { // apps icon grid
+    button.flat:not(:active) {
+      transition-property: opacity,
+                           border-color,
+                           border-image,
+                           background-color,
+                           background-image,
+                           box-shadow,
+                           icon-shadow;
+      transition-timing-function: $slope_slow;
+      transition-duration: 0.2s;
+    }
+
+    image {
+      padding: ($requested_width - $icon_size * ($max_children_per_line + 1))
+               / ($max_children_per_line * 2)
+               0;
+    }
+  }
+}
+
 // show-desktop applet
 @each $position, $_spacing, $_line in (top, 0 6px, 0 2px),
                                       (bottom, 0 6px, 0 -2px),
diff --git a/gtk/sass/4.0/_3rd-party.scss b/gtk/sass/4.0/_3rd-party.scss
index 447e6c8b5..fed69e4e1 100644
--- a/gtk/sass/4.0/_3rd-party.scss
+++ b/gtk/sass/4.0/_3rd-party.scss
@@ -1251,6 +1251,59 @@ widget > box.workspace-switcher {
   }
 }
 
+window.budgie-popover.workspace-popover {
+  $max_children_per_line: 4;
+  $requested_width: 150px;
+
+  box.workspace-popover-button-box {
+    > button.flat { // 'Rename' and 'Remove'
+      min-width: $requested_width;
+      padding: rem(5.3px) rem(8px + 5.3px) rem(6.7px);
+      border-radius: 0;
+      -gtk-outline-radius: 0;
+      font-weight: 500;
+
+      &:first-child { // draw an arrow
+        &:dir(ltr) {
+          border-image:-gtk-icontheme("pan-end-symbolic")
+                                      0 13.3 0 0 / 0 13.3px 0 0;
+        }
+        &:dir(rtl) {
+          border-image:-gtk-icontheme("pan-end-symbolic")
+                                      0 0 0 13.3 / 0 0 0 13.3px;
+        }
+      }
+    }
+
+    // hide unneeded separators
+    > separator.horizontal {
+      min-height: 0;
+      margin: 0;
+      background-color: transparent;
+    }
+  }
+
+  flowbox > flowboxchild { // apps icon grid
+    button.flat:not(:active) {
+      transition-property: opacity,
+                           border-color,
+                           border-image,
+                           background-color,
+                           background-image,
+                           box-shadow,
+                           icon-shadow;
+      transition-timing-function: $slope_slow;
+      transition-duration: 0.2s;
+    }
+
+    image {
+      padding: ($requested_width - $icon_size * ($max_children_per_line + 1))
+               / ($max_children_per_line * 2)
+               0;
+    }
+  }
+}
+
 // show-desktop applet
 @each $position, $_spacing, $_line in (top, 0 6px, 0 2px),
                                       (bottom, 0 6px, 0 -2px),