[gnome-software/wip/exalm/style-cleanups: 18/25] upgrade-banner: Clean up styles

[Alexander Mikhaylenko <alexm src gnome org>]

commit 3bf3828ec3c9fed11618fe73ee5ba507af111c6f
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Tue Nov 9 22:23:45 2021 +0500

    upgrade-banner: Clean up styles
    
    Use .card, update other things accordingly.

 src/gs-upgrade-banner.ui | 16 ++--------------
 src/gtk-style.css        | 21 ++-------------------
 2 files changed, 4 insertions(+), 33 deletions(-)
---
diff --git a/src/gs-upgrade-banner.ui b/src/gs-upgrade-banner.ui
index b7910397c..7d2127816 100644
--- a/src/gs-upgrade-banner.ui
+++ b/src/gs-upgrade-banner.ui
@@ -9,9 +9,9 @@
         <property name="vexpand">True</property>
         <property name="valign">center</property>
         <property name="margin-top">12</property>
+        <property name="overflow">hidden</property>
         <style>
-          <class name="view"/>
-          <class name="upgrade-banner"/>
+          <class name="card"/>
         </style>
         <child>
           <object class="GtkBox" id="box_upgrades_info">
@@ -52,9 +52,6 @@
             <property name="orientation">vertical</property>
             <property name="hexpand">True</property>
             <property name="vexpand">True</property>
-            <style>
-              <class name="upgrade-banner-bottom-box"/>
-            </style>
 
             <child>
               <object class="GtkBox" id="box_upgrades_download">
@@ -66,9 +63,6 @@
                 <property name="margin-bottom">18</property>
                 <property name="margin-start">18</property>
                 <property name="margin-end">18</property>
-                <style>
-                  <class name="upgrade-buttons"/>
-                </style>
 
                 <child>
                   <object class="GtkButton" id="button_upgrades_download">
@@ -108,9 +102,6 @@
                 <property name="margin-bottom">18</property>
                 <property name="margin-start">18</property>
                 <property name="margin-end">18</property>
-                <style>
-                  <class name="upgrade-buttons"/>
-                </style>
                 <child>
                   <object class="GtkLabel" id="label_upgrades_downloading_spacer">
                     <property name="label"></property> <!-- space-taker -->
@@ -124,9 +115,6 @@
                     <property name="hexpand">True</property>
                     <property name="valign">center</property>
                     <property name="spacing">8</property>
-                    <style>
-                      <class name="upgrade-buttons"/>
-                    </style>
                     <child>
                       <object class="GtkLabel" id="label_upgrades_downloading">
                         <property name="label"></property> <!-- set in the code -->
diff --git a/src/gtk-style.css b/src/gtk-style.css
index 9ae93343b..762a033ba 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -296,22 +296,9 @@ star-image {
 }
 
 .upgrade-banner-background {
-       background: linear-gradient(180deg, shade(@theme_bg_color, 1.0) 0%, shade(@theme_bg_color, 0.9) 100%);
+       background: alpha(@theme_fg_color, .05);
        color: @theme_fg_color;
-       border-top-left-radius: 8px;
-       border-top-right-radius: 8px;
-       border: 1px solid darker(@theme_bg_color);
-}
-
-.upgrade-banner-bottom-box {
-       border: 1px solid darker(@theme_bg_color);
-       border-width: 0 1px 1px 1px;
-       border-radius: 0 0 8px 8px;
-}
-
-.upgrade-buttons {
-       border-bottom-left-radius: 8px;
-       border-bottom-right-radius: 8px;
+       border-bottom: 1px solid @borders;
 }
 
 .upgrade-buttons #button_upgrades_install {
@@ -319,10 +306,6 @@ star-image {
        padding-right: 16px;
 }
 
-.upgrade-progressbar {
-       box-shadow: none;
-}
-
 .eol-box {
        background-color: @accent_bg_color;
        border: 1px solid shade(@accent_bg_color, 0.8);