Set bold style for user name with CSS (#183)

elementary · Jul 23, 2023 · 1da4520 · 1da4520
1 parent 1c79e2b
commit 1da4520
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 3 deletions.
diff --git a/data/Userbox.css b/data/Userbox.css
@@ -0,0 +1,8 @@
+/*
+* SPDX-License-Identifier: GPL-2.0-or-later
+* SPDX-FileCopyrightText: 2023 elementary, Inc. (https://elementary.io)
+*/
+
+.fullname-label {
+    font-weight: 700;
+}
diff --git a/data/session.gresource.xml b/data/session.gresource.xml
@@ -2,6 +2,7 @@
 <gresources>
   <gresource prefix="/io/elementary/wingpanel/session">
     <file compressed= "true">Indicator.css</file>
+    <file compressed= "true">Userbox.css</file>
     <file alias="16x16/actions/system-suspend-symbolic.svg" compressed="true" preprocess="xml-stripblanks">system-suspend-symbolic.svg</file>
   </gresource>
 </gresources>
diff --git a/src/Widgets/UserBox.vala b/src/Widgets/UserBox.vala
@@ -20,6 +20,8 @@
 public class Session.Widgets.Userbox : Gtk.ListBoxRow {
     private const int ICON_SIZE = 48;
 
+    private static Gtk.CssProvider provider;
+
     public Act.User? user { get; construct; default = null; }
     public string fullname { get; construct set; }
     public UserState state { get; private set; }
@@ -42,12 +44,18 @@ public class Session.Widgets.Userbox : Gtk.ListBoxRow {
         Object (fullname: _("Guest"));
     }
 
+    static construct {
+        provider = new Gtk.CssProvider ();
+        provider.load_from_resource ("io/elementary/wingpanel/session/Userbox.css");
+    }
+
     construct {
-        fullname_label = new Gtk.Label ("<b>%s</b>".printf (fullname)) {
-            use_markup = true,
+        fullname_label = new Gtk.Label (fullname) {
             valign = Gtk.Align.END,
             halign = Gtk.Align.START
         };
+        fullname_label.get_style_context ().add_class ("fullname-label");
+        fullname_label.get_style_context ().add_provider (provider, Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION);
 
         status_label = new Gtk.Label (null) {
             valign = Gtk.Align.START,
@@ -125,7 +133,7 @@ public class Session.Widgets.Userbox : Gtk.ListBoxRow {
             return;
         }
 
-        fullname_label.label = "<b>%s</b>".printf (user.real_name);
+        fullname_label.label = user.real_name;
         avatar.set_image_load_func (avatar_image_load_func);
     }