add workaround for progressbar in ubuntu-software-center

7 files changed, 27 insertions, 20 deletions

diff --git a/common/gtk-3.0/3.18/gtk-contained-dark.css b/common/gtk-3.0/3.18/gtk-contained-dark.css
index 4b4d7f9..862b3b2 100644
--- a/common/gtk-3.0/3.18/gtk-contained-dark.css
+++ b/common/gtk-3.0/3.18/gtk-contained-dark.css
@@ -1540,14 +1540,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.18/gtk-contained-darker.css b/common/gtk-3.0/3.18/gtk-contained-darker.css
index 50ff653..fb0f95e 100644
--- a/common/gtk-3.0/3.18/gtk-contained-darker.css
+++ b/common/gtk-3.0/3.18/gtk-contained-darker.css
@@ -1543,14 +1543,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.18/gtk-contained-solid-dark.css b/common/gtk-3.0/3.18/gtk-contained-solid-dark.css
index c72f3b5..e66cf3f 100644
--- a/common/gtk-3.0/3.18/gtk-contained-solid-dark.css
+++ b/common/gtk-3.0/3.18/gtk-contained-solid-dark.css
@@ -1540,14 +1540,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.18/gtk-contained-solid-darker.css b/common/gtk-3.0/3.18/gtk-contained-solid-darker.css
index 3da7479..8e2823e 100644
--- a/common/gtk-3.0/3.18/gtk-contained-solid-darker.css
+++ b/common/gtk-3.0/3.18/gtk-contained-solid-darker.css
@@ -1543,14 +1543,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.18/gtk-contained-solid.css b/common/gtk-3.0/3.18/gtk-contained-solid.css
index 7f48e8f..039a704 100644
--- a/common/gtk-3.0/3.18/gtk-contained-solid.css
+++ b/common/gtk-3.0/3.18/gtk-contained-solid.css
@@ -1547,14 +1547,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.18/gtk-contained.css b/common/gtk-3.0/3.18/gtk-contained.css
index 1616fe1..d49b4ac 100644
--- a/common/gtk-3.0/3.18/gtk-contained.css
+++ b/common/gtk-3.0/3.18/gtk-contained.css
@@ -1547,14 +1547,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.18/sass/_common.scss b/common/gtk-3.0/3.18/sass/_common.scss
index 1ce7d17..0cd34b7 100644
--- a/common/gtk-3.0/3.18/sass/_common.scss
+++ b/common/gtk-3.0/3.18/sass/_common.scss
@@ -1594,16 +1594,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;
   }