diff --git a/data/styles/ReleaseRow.scss b/data/styles/ReleaseRow.scss index 9a5c7c0f8..674119228 100644 --- a/data/styles/ReleaseRow.scss +++ b/data/styles/ReleaseRow.scss @@ -1,8 +1,3 @@ release { - border-spacing: rem(6px); padding: 1em; - - box.header { - border-spacing: rem(6px); - } } diff --git a/src/Views/AppInfoView.vala b/src/Views/AppInfoView.vala index 8cf4b2721..04a1ae261 100644 --- a/src/Views/AppInfoView.vala +++ b/src/Views/AppInfoView.vala @@ -33,7 +33,6 @@ public class AppCenter.Views.AppInfoView : Adw.NavigationPage { private GLib.ListStore origin_liststore; private Gtk.CssProvider accent_provider; private Gtk.DropDown origin_dropdown; - private Gtk.Label app_subtitle; private Gtk.Overlay screenshot_overlay; private Adw.Carousel screenshot_carousel; private Adw.Clamp screenshot_not_found_clamp; @@ -140,24 +139,10 @@ public class AppCenter.Views.AppInfoView : Adw.NavigationPage { package = package }; - var app_title = new Gtk.Label (package.name) { - can_focus = false, - selectable = true, - wrap = true, - xalign = 0 - }; - app_title.add_css_class (Granite.STYLE_CLASS_H1_LABEL); - - app_subtitle = new Gtk.Label (null) { - can_focus = false, - label = package.get_summary (), - selectable = true, - wrap = true, - wrap_mode = Pango.WrapMode.WORD_CHAR, - xalign = 0 + var app_title = new Granite.HeaderLabel (package.name) { + secondary_text = package.get_summary (), + size = H1 }; - app_subtitle.add_css_class (Granite.STYLE_CLASS_H3_LABEL); - app_subtitle.add_css_class (Granite.CssClass.DIM); origin_liststore = new GLib.ListStore (typeof (AppCenterCore.Package)); @@ -184,8 +169,7 @@ public class AppCenter.Views.AppInfoView : Adw.NavigationPage { column_spacing = 12, valign = Gtk.Align.CENTER }; - header_grid.attach (app_title, 0, 0); - header_grid.attach (app_subtitle, 0, 1, 2); + header_grid.attach (app_title, 0, 0, 1, 2); header_grid.attach (origin_dropdown, 0, 2, 2); if (!package.is_local) { diff --git a/src/Views/CategoryView.vala b/src/Views/CategoryView.vala index 3e31fef70..9457c2b9b 100644 --- a/src/Views/CategoryView.vala +++ b/src/Views/CategoryView.vala @@ -212,9 +212,10 @@ public class AppCenter.CategoryView : Adw.NavigationPage { if (label != null) { var header = new Granite.HeaderLabel (label) { - margin_start = 12 + margin_start = 12, + size = H2 }; - header.add_css_class (Granite.STYLE_CLASS_H2_LABEL); + append (header); } append (flowbox); diff --git a/src/Widgets/ReleaseRow.vala b/src/Widgets/ReleaseRow.vala index 224f47e9c..4f69d17b3 100644 --- a/src/Widgets/ReleaseRow.vala +++ b/src/Widgets/ReleaseRow.vala @@ -17,7 +17,7 @@ * Authored by: Adam Bieńkowski */ -public class AppCenter.Widgets.ReleaseRow : Gtk.Box { +public class AppCenter.Widgets.ReleaseRow : Granite.Box { public AppStream.Release release { get; construct; } public ReleaseRow (AppStream.Release release) { @@ -31,10 +31,9 @@ public class AppCenter.Widgets.ReleaseRow : Gtk.Box { construct { var header_icon = new Gtk.Image.from_icon_name ("tag-symbolic"); - var header_label = new Gtk.Label (format_version (release.get_version ())) { - use_markup = true + var header_label = new Granite.HeaderLabel (format_version (release.get_version ())) { + size = H3 }; - header_label.add_css_class (Granite.STYLE_CLASS_H3_LABEL); var date_label = new Gtk.Label (format_date (release.get_timestamp ())) { halign = END, @@ -50,12 +49,12 @@ public class AppCenter.Widgets.ReleaseRow : Gtk.Box { xalign = 0 }; - var header_box = new Gtk.Box (HORIZONTAL, 0); - header_box.add_css_class ("header"); + var header_box = new Granite.Box (HORIZONTAL, HALF); header_box.append (header_icon); header_box.append (header_label); header_box.append (date_label); + child_spacing = HALF; orientation = VERTICAL; append (header_box); append (description_label); @@ -100,7 +99,7 @@ public class AppCenter.Widgets.ReleaseRow : Gtk.Box { private string format_version (string version) { if (version != null) { - return "%s".printf (version); + return version; } else { return _("Unknown version"); }