[gnome-software/wip/mcrha/force-symbolic-icons] gs-app-context-bar: Make sure symbolic icons are used here

[Milan Crha <mcrha src gnome org>]

commit 7cfc8b228b44c232b10a80fcac7dd4d9c5200e32
Author: Milan Crha <mcrha redhat com>
Date:   Wed Sep 8 20:12:42 2021 +0200

    gs-app-context-bar: Make sure symbolic icons are used here
    
    The gtk+ could sometimes pick a regular icon, not a symbolic, thus force
    the symbolic icon usage, to be consistent with the design.

 src/gs-app-context-bar.ui | 6 ++++++
 src/gtk-style.css         | 1 +
 2 files changed, 7 insertions(+)
---
diff --git a/src/gs-app-context-bar.ui b/src/gs-app-context-bar.ui
index f3a839ab9..73d55ecf1 100644
--- a/src/gs-app-context-bar.ui
+++ b/src/gs-app-context-bar.ui
@@ -123,6 +123,9 @@
                           <relation target="safety_tile_title" type="labelled-by"/>
                           <relation target="safety_tile_description" type="details"/>
                         </accessibility>
+                        <style>
+                          <class name="context-tile-image"/>
+                        </style>
                       </object>
                       <packing>
                         <property name="expand">True</property>
@@ -209,6 +212,9 @@
                           <relation target="hardware_support_tile_title" type="labelled-by"/>
                           <relation target="hardware_support_tile_description" type="details"/>
                         </accessibility>
+                        <style>
+                          <class name="context-tile-image"/>
+                        </style>
                       </object>
                       <packing>
                         <property name="expand">True</property>
diff --git a/src/gtk-style.css b/src/gtk-style.css
index 3e5a0d474..6606990f6 100644
--- a/src/gtk-style.css
+++ b/src/gtk-style.css
@@ -800,6 +800,7 @@ app-context-bar.vertical box:not(:last-child) .context-tile {
 }
 
 .context-tile-title { font-weight: bold }
+.context-tile-image { -gtk-icon-style: symbolic; }
 app-context-bar .context-tile-description { font-size: smaller }
 
 .context-tile-lozenge.grey { background-color: #deddda; color: #5e5c64 }