Skip to content

Update UI + Polishes

WELCOME to a batch of UI fixes/improvements!

This "update" looks like it changes many things (which it does) but it mostly changes spelling and tiny visual polishes (all which will be listed at the bottom). That said, many of the noticeable and prominent changes include:

  1. Removal of "Exit" and "About" Tooltips and changes to "Exit" → "Exit Ryujinx" & "About" → "About Ryujinx"
    • The Exit and About actions are self-explanatory → "Exiting the app" or "Showing info about the app". Including tooltips doesn't help the user better understand the action and only serve as a visual distraction. It also increases the locales.json file size unnecessarily.
      • Side Note 1: While it could be argued that "About Ryujinx" doesn't provide context as to how the info will be displayed, modern app design has standardised to show info about the app within the contexts of the app (an extra window or pop-up), without opening the browser and showing a website (while there are a few cases of such behaviour, it's very odd, unpractical, and isn't widely practised).
      • Side Note 2: Used the "tooltip" and label texts to create the translations for the locales (since the locales already said "Exit Ryujinx", they were just copied)

Here are the screenshots of how it will look (left/right being V1.3.2/Dirty Build of Latest Canary) - (NOTE: ALL SCREENSHOTS WILL USE THOSE VERSIONS FOR COMPARISON):

Before:After "File" Menu Options.jpeg

Before:After "Help" Menu Options.jpeg

  1. Changed the order of GitLab links in Help → FAQ & Guides from "FAQ/Troubleshooting, Setup & Config., Multiplayer" to "Setup & Config., Multiplayer, FAQ/Troubleshooting" (shortend for comment purposes, see images below for visual change)
    • If somebody new wishes to try out Ryujinx for the first time, and they go to "Help", their eyes are immediately set upon "FAQ/Troubleshooting", and only later do they find "Setup & Config." (if they even do at all find it). This order is not optimal as (1) new users think that "FAQ" could be the solution to their questions and (2) it is in our expectation to have a "Setup" guide be FIRST and troubleshooting to follow LATER, not the other way around. This fixes the order, as shown in the screenshot below:

Before:After "Help, FAQ&Guides" Options.jpeg

  1. Fixed random appearances/disappearances of Global Input, Docked Mode, Direct Keyboard Access, Direct Mouse Access tooltips in Options → Settings → Input
    • For some reason, whenever I (perhaps other users also experienced this) wanted to hover over the options (names above) the tooltips would appear and disappear very quickly. The issue turned out to be the way the tooltips appear (on pointer) was being disrupted by the positioning of checkboxes/texts as they were placed on the default window and interacted with the environment. Whenever the window was made smaller would they appear BELOW the checkboxes. To fix this, I added a tooltip placement parameter to display the tooltips on the right of hover, as shown in the images below:

Version 1.3.2 (Doesn't even stay on):

Screenshot 2025-07-02 at 22.02.58.png

New Changes (Makes the tooltips stay):

Screenshot 2025-07-02 at 22.02.34.png

  1. Fixed the visibility of the LED options whenever a controller is connected in Options → Settings → Input
    • There was a separator between "Rumble" and "LED" that wouldn't appear, but it wouldn't appear as it required a controller that has LED options. That said, the options for LED were visible regardless if the controller has LED, so hence this was fixed by adding the same visibility parameter to the stack panel that houses the LED options. Now it will look like this:

(Again, left is Version 1.3.2, and right is Dirty Build of Latest Canary, both versions have a controller connected, which doesn't have LED):

before-and-after.jpeg

  1. Moved "Show File Types" to View Menu Options and Added icons for "Window Size" and "Show File Types"
    • It is more logical for an option that displays particular file types to be put under the menu options that affect the user's interface and what they see, rather than simply be under the Options menu options. Additionally added icons, so now all menu options have an icon. Now it will look something like this:

Options Menu Options:

before-and-after-2.jpeg

View Menu Options:

before-and-after.jpeg

  1. Adjusted the "Icon Size" Slider + Label and "Show Names" Checkbox & Label positioning on the Main Screen.
    • This is a visual polish, as the previous alignment did not look visually correct. Here's how it looks now (changes are small, but noticeable):

before-and-after.jpeg

  1. Improved the Compatibility List's Checkbox Button Positioning and More
    • Adjusted distance between the checkbox & "Only Show Games Owned" label. Fixed "Info" dropdown extending beyond the table on the right, linked the "Info" dropdown label AND dropdown contents to the locales list (so their contexts are updated as per language switch, so they aren't static anymore), fixed the Arabic locale forcing the checkbox label to flush way too far left, as shown on the images below:
      • Side Note: Additionally, translated some of those labels into their respective locales (which I've done my duty to verify with multiple sources that they mean the exact thing they are supposed to mean AND using the words from the locales list), DID NOT add locales for "Playable", "Ingame,", etc, and their explanations.

Standard View (V1.3.2):

Screenshot 2025-07-02 at 22.27.46.png

Standard View (Dirty Build):

Screenshot 2025-07-02 at 22.42.04.png

Arabic View (boy was that flushed left, V1.3.2):

Screenshot 2025-07-02 at 22.29.47.png

Arabic View (Dirty Build):

Screenshot 2025-07-02 at 22.30.09.png

Now, the dropdown info is also synced (it will still show everything in English for those locales that are missing)!

before-and-after-2.jpeg

Those are the most prominent ones. Here's a list version of all of the updates (NOTE: Line numbers may not match, but the changes appear roughly in that order in the locales.json file):

  • Text Changes:
    • File → Exit → Change to "Exit Ryujinx". 
    • Help → About → Change text to "About Ryujinx" (or keep it at about)
    • Help → FAQ & Guides → Change Order of Links (Setup first, LAN second, FAQ third) 
    • Game Options → Check and Trim XCI File → Change "and" to "& 
    • Locale Inconsistency Fixes/Polishes:
      • Line 306/381/406 → Lowercased the "F"  in _Load Application from File & Load DLC from Folder
      • Line 731 → Actions (in-game) → Simulate Wake-up message → Capitalise the M 
      • Line 1781 → Add full stop to sort "File Ext" 
      • Line 2431 → Game" Options → Cache Management → Purge PPTC cache → Uppercase the C 
      • Line 3258 → Change découper to réduire
      • Line 3981 → Properly Capitalise the "Requires Restart) in Show Original UI Style (Requires Restart)
      • Line 4001-4022 → Properly spaced out the "Show Original UI Style (Requires restart)" tooltip 
      • Line 4033 → "Masquer le curseur", lowered the C
      • Line 5326-5347 → Removed all parentheses and fix inconsistency in "May Cause Instabilities" 
      • Line 7655 → Remove "A" from Greek translations (unnecessary) 
      • Line 11440 → Remove Extra Space in front of Gatilho in Brazilian Portuguese localisation .
      • Line 11756 → Capitalise the "p" in "Choose a profile Image"
      • Line 11981 → Changed the "Choose the Profile Name" to "Choose a Profile Name"
      • Line 13633 → Fixed missing space before exclamation mark on French Localisation
      • Line 13683 → Fixed missing space before exclamation mark on French Localisation 
      • Line 13883 → Add the French locale, same as Korean 
      • Line 14438 → Add \n\n\ to Norwegian Line
      • Line 17856 Options → "Settings" → Fixed tooltip text showing lowercase "s"
      • Lines 22103-22122 → Added ":" as most translations were missing one.
      • Line 24033 → Capitalised the "désactiver" to be more consistent in UI
  • Tooltips
    • File → Exit → Remove Tooltip
    • Help → About → Remove "About" tooltip.
    • Game Options → Manage Cheats → Fix Tooltip text to be consistent with Manage Title Updates tooltip
    • Game Options → Manage Mods → Fix Tooltip text to be consistent with Manage Title Updates tooltip
    • Options → Settings → Input → Fix Global Input, Docked Mode, Direct Keyboard Access, Direct Mouse Access tooltips disappearing randomly
  • View/UI
    • Main Window → Fix Ryujinx Main Window Left Title Shift (added "if" statement)
    • Options → Settings → Fix spacing of all separators in all tabs
    • Options → Settings → Input → Fixed the visibility of the LED options & separator whenever a controller is connected (which doesn't have LED)
    • Options → Show File Types → Moved to "View" Options and add icon 
    • View → Window Size → Add Icon
    • Help → Compatibility List → Adjusted distance between checkbox & "Only Show Games Owned", fixed "Info" dropdown extending beyond the table on the right, linked the "Info" dropdown label AND dropdown contents to the locales list, fixed the Arabic locale forcing the checkbox to flush way too far left (see above for more details)
    • Help → About → Increased Ryujinx Version Text Size
    • UI → Main View → Fix alignment and distance of Icon Size Slider & Label and Show Names checkbox & label. 
Edited by Neo

Merge request reports

Loading