Skip to content

Grid View#59

Open
alainm23 wants to merge 4 commits into
elementary:mainfrom
alainm23:main
Open

Grid View#59
alainm23 wants to merge 4 commits into
elementary:mainfrom
alainm23:main

Conversation

@alainm23

@alainm23 alainm23 commented Sep 17, 2024

Copy link
Copy Markdown
Member

Close: #58

  • Changes the list view to a grid view.
  • A new service called Collection was created, to have a separate list of icons.
  • Added a switch to toggle between color and symbolic icons.
  • A new detail icon view was created.
  • The project structure was ordered.

Demo

Screencast.from.2024-09-17.05-03-57.mp4

@danirabbit

Copy link
Copy Markdown
Member

This is pretty major redesign that I think needs to be split into a number of smaller branches. I'll leave a more thorough review later but I don't have the time at the moment sorry

@zeebok zeebok left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Part of me feels like symbolic mode could just be a toggle instead of a single item in a menu. Another part of me also feels like it would be good to be able to toggle symbolic mode from within the dialog as well. Just thoughts, I am no UX expert 😅

Comment thread meson.build
'src/Services/Collection.vala',
'src/Widgets/IconListChild.vala',
'src/Widgets/SidebarRow.vala',
'src/Dialogs/IconView.vala',

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't think it is a rule but it seems like we try to keep the source file listing in alpha order, so I wold move this up

@@ -0,0 +1,2368 @@
/*
* SPDX-License-Identifier: GPL-3.0-or-later
* SPDX-FileCopyrightText: 2017-2022 elementary, Inc. (https://elementary.io)

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
* SPDX-FileCopyrightText: 2017-2022 elementary, Inc. (https://elementary.io)
* SPDX-FileCopyrightText: 2017-2024 elementary, Inc. (https://elementary.io)

Comment thread src/Dialogs/IconView.vala
wrap = true,
xalign = 0,
valign = Gtk.Align.END
var title_label = new Gtk.Label ("<b>%s</b>".printf (icon_name)) {

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Does the Granite class added to this not make the title bold?

Comment thread src/Dialogs/IconView.vala
source_view.add_css_class (Granite.STYLE_CLASS_SMALL_LABEL);

copy_button = new Gtk.Button.with_label (_("Copy")) {
copy_button = new Gtk.Button.from_icon_name ("edit-copy-symbolic") {

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If it isn't going to have the label I would give it a tooltip

@alainm23

Copy link
Copy Markdown
Member Author

I understand, it's a big change, but it could be reviewed little by little and come to a better agreement on design and UX, it's not a priority for now.

@alainm23

Copy link
Copy Markdown
Member Author

Part of me feels like symbolic mode could just be a toggle instead of a single item in a menu. Another part of me also feels like it would be good to be able to toggle symbolic mode from within the dialog as well. Just thoughts, I am no UX expert 😅

It is valid, however, the search could be improved, as there are some icons that are only symbolic.

image
image

@danirabbit

Copy link
Copy Markdown
Member

Yeah maybe the main view should always show both and the search should have a filter to toggle all | color | symbolic ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Change icon view to grid and display details in a popup

3 participants