Addon Manager: refined details section design

This commit is contained in:
Charles Dang 2021-08-16 17:16:01 -04:00
parent 95893489f2
commit 6ca865c8c2
2 changed files with 443 additions and 413 deletions

View file

@ -78,92 +78,51 @@
[grid]
[row]
grow_factor = 1
grow_factor = 0
[column]
grow_factor = 0
border = "all"
border_size = 5
vertical_alignment = "top"
horizontal_alignment = "left"
horizontal_grow = true
[drawing]
id = "image"
definition = "default"
width = 72
height = 72
[draw]
[image]
name = "(text)"
w = "(min(image_original_width, 72))"
h = "(min(image_original_height, 72))"
{GUI_CENTERED_IMAGE}
[/image]
[/draw]
[/drawing]
[label]
id = "title"
definition = "title"
use_markup = true
[/label]
[/column]
[/row]
[row]
grow_factor = 0
[column]
grow_factor = 1
horizontal_grow = true
vertical_grow = true
[grid]
[row]
grow_factor = 0
[column]
border = "all"
border_size = 5
grow_factor = 1
horizontal_grow = true
[label]
id = "title"
definition = "title"
use_markup = true
[/label]
[/column]
[/row]
[row]
grow_factor = 0
[column]
horizontal_alignment = "left"
vertical_alignment = "top"
[grid]
[row]
[column]
border = "left,top,bottom"
border_size = 5
horizontal_alignment = "left"
[label]
id = "byline"
definition = "default_small"
label = _ "By:"
[/label]
[/column]
grow_factor = 0
[column]
border = "all"
border_size = 5
horizontal_alignment = "left"
horizontal_grow = true
[scroll_label]
id = "author"
definition = "default_small"
definition = "default_italic"
horizontal_scrollbar_mode = "never"
vertical_scrollbar_mode = "never"
@ -171,37 +130,230 @@
[/column]
[column]
[/row]
[spacer]
width = 10
[/spacer]
[/column]
[row]
grow_factor = 1
[column]
border = "left,top,bottom"
border_size = 5
horizontal_alignment = "left"
horizontal_grow = true
[label]
id = "version_string"
definition = "default_small"
label = _ "Version:"
[/label]
[grid]
[/column]
[row]
grow_factor = 1
[column]
border = "left,top,bottom"
border_size = 5
horizontal_alignment = "right"
[column]
grow_factor = 1
horizontal_grow = true
[grid]
[row]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_grow = true
[label]
definition = "gold_small"
label = _ "Type:"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_grow = true
[label]
id = "type"
definition = "default_small"
[/label]
[/column]
[/row]
[row]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_grow = true
# Keeps this label aligned with its value label should the latter wrap
vertical_alignment = "top"
[label]
definition = "gold_small"
label = _ "Status:"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_grow = true
# Keeps this label aligned with its label should this wrap
vertical_alignment = "top"
[label]
id = "status"
definition = "default_small"
wrap = true
[/label]
[/column]
[/row]
[row]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_grow = true
[label]
definition = "gold_small"
label = _ "Size:"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_grow = true
[label]
id = "size"
definition = "default_small"
[/label]
[/column]
[/row]
[/grid]
[/column]
[column]
grow_factor = 1
horizontal_grow = true
[grid]
[row]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_grow = true
[label]
definition = "gold_small"
label = _ "Downloads:"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_grow = true
[label]
id = "downloads"
definition = "default_small"
[/label]
[/column]
[/row]
[row]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_grow = true
[label]
definition = "gold_small"
label = _ "date^Uploaded:"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_grow = true
[label]
id = "created"
definition = "default_small"
[/label]
[/column]
[/row]
[row]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_grow = true
[label]
definition = "gold_small"
label = _ "date^Updated:"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_grow = true
[label]
id = "updated"
definition = "default_small"
[/label]
[/column]
[/row]
[/grid]
[/column]
[/row]
[/grid]
[menu_button]
id = "version_filter"
definition = "default"
tooltip = _"Select the add-on version"
[/menu_button]
[/column]
[/row]
@ -210,33 +362,157 @@
[/column]
[/row]
[row]
grow_factor = 1
[column]
grow_factor = 0
border = "all"
border_size = 5
vertical_grow = true
horizontal_grow = true
vertical_alignment = "top"
#horizontal_alignment = "right"
#horizontal_grow = false
[scroll_label]
id = "description"
#definition = "description"
label = _ "No description available."
[drawing]
id = "image"
definition = "default"
horizontal_scrollbar_mode = "never"
[/scroll_label]
width = 144
height = 144
[draw]
[image]
name = "(text)"
w = "(width)"
h = "(height)"
resize_mode = "scale_sharp"
#{GUI_CENTERED_IMAGE}
[/image]
[/draw]
[/drawing]
[/column]
[/row]
[/grid]
[/column]
[/row]
[row]
grow_factor = 1
[column]
border = "all"
border_size = 5
vertical_grow = true
horizontal_grow = true
[scroll_label]
id = "description"
#definition = "default_small"
label = _ "No description available."
horizontal_scrollbar_mode = "never"
#vertical_scrollbar_mode = "always"
[/scroll_label]
[/column]
[/row]
{GUI_HORIZONTAL_SPACER_LINE}
[row]
grow_factor = 0
[column]
horizontal_grow = true
[grid]
[row]
grow_factor = 0
grow_factor = 1
[column]
grow_factor = 1
horizontal_grow = true
[grid]
[row]
grow_factor = 1
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_alignment = "left"
[label]
id = "version_string"
definition = "gold_small"
label = _ "Version:"
linked_group = "detail_labels"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_alignment = "left"
[menu_button]
id = "version_filter"
definition = "default"
tooltip = _"Select the add-on version"
[/menu_button]
[/column]
[/row]
[row]
grow_factor = 1
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_alignment = "left"
[label]
definition = "gold_small"
label = _ "Website:"
linked_group = "detail_labels"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_grow = true
[label]
id = "url"
definition = "default_small"
[/label]
[/column]
[/row]
[/grid]
[/column]
[column]
grow_factor = 1
horizontal_grow = true
[stacked_widget]
@ -363,335 +639,83 @@
[/row]
[/grid]
[/column]
[/row]
[row]
grow_factor = 0
[column]
horizontal_grow = true
[grid]
[row]
grow_factor = 0
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_alignment = "left"
[label]
definition = "gold_small"
label = _ "Dependencies:"
linked_group = "detail_labels"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_grow = true
[grid]
[label]
id = "dependencies"
definition = "default_small"
label = _ "addon_dependencies^None"
[row]
grow_factor = 1
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_grow = true
[label]
definition = "default_small"
label = _ "Type:"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_grow = true
[label]
id = "type"
definition = "default_small"
[/label]
[/column]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_grow = true
[label]
definition = "default_small"
label = _ "date^Uploaded:"
[/label]
[/column]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_grow = true
[label]
id = "created"
definition = "default_small"
[/label]
[/column]
[/row]
[row]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_grow = true
# Keeps this label aligned with its value label should the latter wrap
vertical_alignment = "top"
[label]
definition = "default_small"
label = _ "Status:"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_grow = true
# Keeps this label aligned with its label should this wrap
vertical_alignment = "top"
[label]
id = "status"
definition = "default_small"
wrap = true
[/label]
[/column]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_grow = true
[label]
definition = "default_small"
label = _ "date^Updated:"
[/label]
[/column]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_grow = true
[label]
id = "updated"
definition = "default_small"
[/label]
[/column]
[/row]
[row]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_grow = true
[label]
definition = "default_small"
label = _ "Size:"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_grow = true
[label]
id = "size"
definition = "default_small"
[/label]
[/column]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_grow = true
[label]
definition = "default_small"
label = _ "Downloads:"
[/label]
[/column]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_grow = true
[label]
id = "downloads"
definition = "default_small"
[/label]
[/column]
[/row]
[/grid]
use_markup = true
can_shrink = true
[/label]
[/column]
[/row]
{GUI_HORIZONTAL_SPACER_LINE}
[row]
grow_factor = 0
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_alignment = "left"
[label]
definition = "gold_small"
label = _ "Translations:"
linked_group = "detail_labels"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_grow = true
[grid]
[row]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_alignment = "left"
[label]
definition = "default_small"
label = _ "Website:"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_grow = true
[label]
id = "url"
definition = "default_small"
[/label]
[/column]
[/row]
[row]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_alignment = "left"
[label]
definition = "default_small"
label = _ "Dependencies:"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_grow = true
[label]
id = "dependencies"
definition = "default_small"
label = _ "addon_dependencies^None"
use_markup = true
can_shrink = true
[/label]
[/column]
[/row]
[row]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_alignment = "left"
[label]
definition = "default_small"
label = _ "Translations:"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_grow = true
[label]
id = "translations"
definition = "default_small"
label = _ "translations^None"
can_shrink = true
[/label]
[/column]
[/row]
[row]
[column]
grow_factor = 0
border = "all"
border_size = 5
horizontal_grow = true
[label]
definition = "default_small"
label = _ "Tags:"
[/label]
[/column]
[column]
grow_factor = 1
border = "all"
border_size = 5
horizontal_grow = true
# Using a scroll_label prevents the dialog expanding horizontally when there are many tags.
[scroll_label]
id = "tags"
definition = "default_small"
horizontal_scrollbar_mode = "never"
[/scroll_label]
[/column]
[/row]
[/grid]
[label]
id = "translations"
definition = "default_small"
label = _ "translations^None"
can_shrink = true
[/label]
[/column]
@ -886,6 +910,11 @@
id = "tooltip_large"
[/helptip]
[linked_group]
id = "detail_labels"
fixed_width = true
[/linked_group]
[grid]
[row]
@ -1068,6 +1097,11 @@
id = "tooltip_large"
[/helptip]
[linked_group]
id = "detail_labels"
fixed_width = true
[/linked_group]
[grid]
[row]

View file

@ -997,10 +997,6 @@ void addon_manager::on_addon_select()
find_widget<styled_widget>(parent, "created", false).set_label(format_addon_time(info->created));
find_widget<styled_widget>(parent, "updated", false).set_label(format_addon_time(info->updated));
// Although this is a user-visible string, use utils::join instead of format_conjunct_list
// because "x, y, z" is clearer than "x, y and z" in this context.
find_widget<styled_widget>(parent, "tags", false).set_label(utils::join(info->tags, ", "));
find_widget<styled_widget>(parent, "dependencies", false).set_label(!info->depends.empty()
? make_display_dependencies(info->id, addons_, tracking_info_)
: _("addon_dependencies^None"));