Revert back to Avatar for now

elementary · Dec 21, 2023 · 8073b39 · 8073b39
1 parent 947eca7
commit 8073b39
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 10 deletions.
diff --git a/data/OperatingSystemView.css b/data/OperatingSystemView.css
@@ -1,10 +1,17 @@
-.card.circular {
-    background: linear-gradient(
+.logo {
+    color: white;
+    background-image: linear-gradient(
         to bottom,
         alpha(@accent_color_500, 0.25),
         alpha(@accent_color_700, 0.75)
     );
-    color: white;
+    border-radius: 100%;
+    box-shadow:
+        inset 0 -2px 0 0 alpha(@highlight_color, 0.2),
+        inset 0 2px 0 0 alpha(@highlight_color, 0.3),
+        inset 2px 0 0 0 alpha(@highlight_color, 0.07),
+        inset -2px 0 0 0 alpha(@highlight_color, 0.07),
+        inset 0 0 0 1px alpha(black, 0.7);
     -gtk-icon-shadow:
         0 1px 1px alpha(black, 0.3),
         0 2px 3px alpha(@accent_color_900, 0.2);

diff --git a/src/Views/OperatingSystemView.vala b/src/Views/OperatingSystemView.vala
@@ -52,21 +52,17 @@ public class About.OperatingSystemView : Gtk.Box {
                 );
 
                 if (file.query_exists ()) {
-                    var logo = new Gtk.Image.from_file (file.get_path ()) {
-                        overflow = HIDDEN,
-                        pixel_size = 128
+                    var logo = new Adw.Avatar (128, "", false) {
+                        custom_image = Gdk.Texture.from_file (file)
                     };
-                    logo.add_css_class (Granite.STYLE_CLASS_CIRCULAR);
                     logo.get_style_context ().add_provider (style_provider, Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION);
 
                     logo_overlay.child = logo;
                     logo_overlay.add_overlay (icon);
 
                     // 128 minus 3px padding on each side
                     icon.pixel_size = 128 - 6;
-
-                    icon.add_css_class (Granite.STYLE_CLASS_CARD);
-                    icon.add_css_class (Granite.STYLE_CLASS_CIRCULAR);
+                    icon.add_css_class ("logo");
                     icon.get_style_context ().add_provider (style_provider, Gtk.STYLE_PROVIDER_PRIORITY_APPLICATION);
 
                     break;