[geary/gnome-43] ui: Use a thiner progress in message header

[Cédric Bellegarde <cbellegarde src gnome org>]

commit 6adbbb7e1218da66cb8820523c9f65e8b4047bf9
Author: Cédric Bellegarde <cedric bellegarde adishatz org>
Date:   Wed Sep 21 16:57:05 2022 +0200

    ui: Use a thiner progress in message header

 ui/conversation-message.ui |  3 +--
 ui/geary.css               | 24 ++++++++++++++++++++++++
 2 files changed, 25 insertions(+), 2 deletions(-)
---
diff --git a/ui/conversation-message.ui b/ui/conversation-message.ui
index c6afd79c4..88ed932a1 100644
--- a/ui/conversation-message.ui
+++ b/ui/conversation-message.ui
@@ -495,8 +495,7 @@
                   <object class="GtkProgressBar" id="body_progress">
                     <property name="valign">start</property>
                     <style>
-                      <class name="osd"/>
-                      <class name="top"/>
+                      <class name="geary-body-progress"/>
                     </style>
                   </object>
                 </child>
diff --git a/ui/geary.css b/ui/geary.css
index 2264b71f2..bb1d369ab 100644
--- a/ui/geary.css
+++ b/ui/geary.css
@@ -241,6 +241,30 @@ grid.geary-message-summary {
   margin: 36px 16px;
 }
 
+.geary-message .geary-body-progress {
+  border: none;
+  background-color: transparent;
+  background-image: none;
+  padding-top: 0px;
+  padding-bottom: 0px;
+  margin-top: 0px;
+  margin-bottom: 0px;
+}
+
+.geary-message .geary-body-progress progress {
+  background-color: @theme_selected_bg_color;
+  background-image: none;
+  border: none;
+  min-height: 1px;
+}
+
+.geary-message .geary-body-progress trough {
+  border: none;
+  background-color: transparent;
+  background-image: none;
+  min-height: 1px;
+}
+
 /* ContactPopover */
 
 .geary-contact-popover .dim-label {