add workaround for progressbar in ubuntu-software-center

7 files changed, 27 insertions, 20 deletions

diff --git a/common/gtk-3.0/3.16/gtk-contained-dark.css b/common/gtk-3.0/3.16/gtk-contained-dark.css
index e58b5de..b30f6f6 100644
--- a/common/gtk-3.0/3.16/gtk-contained-dark.css
+++ b/common/gtk-3.0/3.16/gtk-contained-dark.css
@@ -1402,14 +1402,15 @@ GtkTreeView.view {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
   GtkTreeView.view.progressbar {
     color: #ffffff;
-    border-radius: 3px; }
+    border-radius: 3px;
+    background-image: linear-gradient(to bottom, #5294E2); }
     GtkTreeView.view.progressbar:selected {
       color: #5294E2;
       box-shadow: none;
-      background-color: #ffffff; }
+      background-image: linear-gradient(to bottom, #ffffff); }
   GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
     color: #D3DAE3;
-    background-color: #2b2e39;
+    background-image: linear-gradient(to bottom, #2b2e39);
     border-radius: 3px;
     border-width: 0; }
 
diff --git a/common/gtk-3.0/3.16/gtk-contained-darker.css b/common/gtk-3.0/3.16/gtk-contained-darker.css
index 970b8e8..a5c5558 100644
--- a/common/gtk-3.0/3.16/gtk-contained-darker.css
+++ b/common/gtk-3.0/3.16/gtk-contained-darker.css
@@ -1405,14 +1405,15 @@ GtkTreeView.view {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
   GtkTreeView.view.progressbar {
     color: #ffffff;
-    border-radius: 3px; }
+    border-radius: 3px;
+    background-image: linear-gradient(to bottom, #5294E2); }
     GtkTreeView.view.progressbar:selected {
       color: #5294E2;
       box-shadow: none;
-      background-color: #ffffff; }
+      background-image: linear-gradient(to bottom, #ffffff); }
   GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
     color: #5c616c;
-    background-color: #cfd6e6;
+    background-image: linear-gradient(to bottom, #cfd6e6);
     border-radius: 3px;
     border-width: 0; }
 
diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css
index 3523ad9..69a1f55 100644
--- a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css
+++ b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css
@@ -1402,14 +1402,15 @@ GtkTreeView.view {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
   GtkTreeView.view.progressbar {
     color: #ffffff;
-    border-radius: 3px; }
+    border-radius: 3px;
+    background-image: linear-gradient(to bottom, #5294E2); }
     GtkTreeView.view.progressbar:selected {
       color: #5294E2;
       box-shadow: none;
-      background-color: #ffffff; }
+      background-image: linear-gradient(to bottom, #ffffff); }
   GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
     color: #D3DAE3;
-    background-color: #2b2e39;
+    background-image: linear-gradient(to bottom, #2b2e39);
     border-radius: 3px;
     border-width: 0; }
 
diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css
index 1716acc..fc4e4f7 100644
--- a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css
+++ b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css
@@ -1405,14 +1405,15 @@ GtkTreeView.view {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
   GtkTreeView.view.progressbar {
     color: #ffffff;
-    border-radius: 3px; }
+    border-radius: 3px;
+    background-image: linear-gradient(to bottom, #5294E2); }
     GtkTreeView.view.progressbar:selected {
       color: #5294E2;
       box-shadow: none;
-      background-color: #ffffff; }
+      background-image: linear-gradient(to bottom, #ffffff); }
   GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
     color: #5c616c;
-    background-color: #cfd6e6;
+    background-image: linear-gradient(to bottom, #cfd6e6);
     border-radius: 3px;
     border-width: 0; }
 
diff --git a/common/gtk-3.0/3.16/gtk-contained-solid.css b/common/gtk-3.0/3.16/gtk-contained-solid.css
index 291b0a9..3074dad 100644
--- a/common/gtk-3.0/3.16/gtk-contained-solid.css
+++ b/common/gtk-3.0/3.16/gtk-contained-solid.css
@@ -1405,14 +1405,15 @@ GtkTreeView.view {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
   GtkTreeView.view.progressbar {
     color: #ffffff;
-    border-radius: 3px; }
+    border-radius: 3px;
+    background-image: linear-gradient(to bottom, #5294E2); }
     GtkTreeView.view.progressbar:selected {
       color: #5294E2;
       box-shadow: none;
-      background-color: #ffffff; }
+      background-image: linear-gradient(to bottom, #ffffff); }
   GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
     color: #5c616c;
-    background-color: #cfd6e6;
+    background-image: linear-gradient(to bottom, #cfd6e6);
     border-radius: 3px;
     border-width: 0; }
 
diff --git a/common/gtk-3.0/3.16/gtk-contained.css b/common/gtk-3.0/3.16/gtk-contained.css
index 3eb5ee3..b8bfd9a 100644
--- a/common/gtk-3.0/3.16/gtk-contained.css
+++ b/common/gtk-3.0/3.16/gtk-contained.css
@@ -1405,14 +1405,15 @@ GtkTreeView.view {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
   GtkTreeView.view.progressbar {
     color: #ffffff;
-    border-radius: 3px; }
+    border-radius: 3px;
+    background-image: linear-gradient(to bottom, #5294E2); }
     GtkTreeView.view.progressbar:selected {
       color: #5294E2;
       box-shadow: none;
-      background-color: #ffffff; }
+      background-image: linear-gradient(to bottom, #ffffff); }
   GtkTreeView.view.trough, GtkTreeView.view.trough:selected {
     color: #5c616c;
-    background-color: #cfd6e6;
+    background-image: linear-gradient(to bottom, #cfd6e6);
     border-radius: 3px;
     border-width: 0; }
 
diff --git a/common/gtk-3.0/3.16/sass/_common.scss b/common/gtk-3.0/3.16/sass/_common.scss
index 87c21fc..1ee78e4 100644
--- a/common/gtk-3.0/3.16/sass/_common.scss
+++ b/common/gtk-3.0/3.16/sass/_common.scss
@@ -1495,16 +1495,17 @@ GtkTreeView.view {                                      // treeview grid lines a
   &.progressbar { // progress bar in treeviews
     color: $selected_fg_color;
     border-radius: 3px;
+    background-image: linear-gradient(to bottom, $selected_bg_color);
 
     &:selected {
       color: $selected_bg_color;
       box-shadow: none;
-      background-color: $selected_fg_color;
+      background-image: linear-gradient(to bottom, $selected_fg_color);
     }
   }
   &.trough, &.trough:selected { // progress bar trough in treeviews
     color: $fg_color;
-    background-color: $button_border;
+    background-image: linear-gradient(to bottom, $button_border);
     border-radius: 3px;
     border-width: 0;
   }