[desktop] Add icon-only mode to grid and improve design (#3485)

- Move Game Icon Size to the main toolbar. It's cleaner that way
- Add a "Show Game Name" toggle that does as it says. Disabling it
  basically creates an "icons-only" mode. Useful for controller-only
  nav with big icons (TODO: maybe make a 192 size?)
- Fixed a crash with controller nav. Oops
- Rounded corners of the game icon in grid mode
- Fixed the scroll bar creating extra clamping range on the grid icons
- Item can be deselected if user clicks on the blank space outside of the view

As a bonus fixed a crash on mod manager

Future TODOs for design:
- [ ] Row 1 type. Not sure what to do here tbh.
- [ ] Move around game list settings in configure_ui to make it clear
  that nothing there affects the grid view.
- [ ] 192x192 size? 256 feels too big on my 1440p screen whereas 128
  feels too small.
- Set text space as a function of fontMetrics.

Signed-off-by: crueter <crueter@eden-emu.dev>
Reviewed-on: https://git.eden-emu.dev/eden-emu/eden/pulls/3485
Reviewed-by: DraVee <dravee@eden-emu.dev>
Reviewed-by: Maufeat <sahyno1996@gmail.com>
This commit is contained in:
crueter 2026-02-07 22:48:39 +01:00
parent e10f55d9db
commit ca9f2d43be
No known key found for this signature in database
GPG key ID: 425ACD2D4830EBC6
13 changed files with 273 additions and 130 deletions

View file

@ -112,6 +112,11 @@
<addaction name="action_Tree_View"/>
<addaction name="action_Grid_View"/>
</widget>
<widget class="QMenu" name="menuGame_Icon_Size">
<property name="title">
<string>Game &amp;Icon Size</string>
</property>
</widget>
<action name="action_Reset_Window_Size_720">
<property name="text">
<string>Reset Window Size to &amp;720p</string>
@ -145,6 +150,8 @@
<addaction name="menu_Reset_Window_Size"/>
<addaction name="menu_View_Debugging"/>
<addaction name="menu_Game_List_Mode"/>
<addaction name="menuGame_Icon_Size"/>
<addaction name="action_Show_Game_Name"/>
</widget>
<widget class="QMenu" name="menu_Multiplayer">
<property name="enabled">
@ -586,6 +593,24 @@
<string>&amp;Grid View</string>
</property>
</action>
<action name="actionGame_Icon_Size">
<property name="text">
<string>Game Icon Size</string>
</property>
</action>
<action name="actionNone">
<property name="text">
<string>None</string>
</property>
</action>
<action name="action_Show_Game_Name">
<property name="checkable">
<bool>true</bool>
</property>
<property name="text">
<string>Show Game &amp;Name</string>
</property>
</action>
</widget>
<resources>
<include location="yuzu.qrc"/>