Skip to content

UI Updates Batch 2

Welcome to Batch 2 of UI Updates!

This is a remake of an older, closed batch, mainly !78 (closed).

This batch does not have all of the changes that existed in that previous batch (as many were done in separate previous MR's), but includes the following:

  • (1) Fix Ryujinx Window Title Shifting Left (See MR !78 (closed) For Explanation AND DISCUSSION)
    • Quick Recap: The Ryujinx main window title was shifting left whenever the game would launch, and then would shift back to the centre after quitting the game. The older UI did not exhibit such behaviour. This behaviour is correct by adjusting some code in AppHost.cs. However, the code that FIXES the behaviour actually looks wrong, and it is the ONLY variant that allows the older UI to have to have longer window title AND fixes the issue in the new UI.
    • NOTE: There was another behaviour that I saw, which I have noted down, and it has to do with Ryujinx Canary – whenever Ryujinx Canary would boot a game, the word "Canary" would disappear from the title. After this MR is merged, I will check if the new code in AppHost.cs will fix this behaviour. If not, I'll see what can be done about it.
  • (2) Recoloured All Game Status Types To Better and Brighter Colours
    • Why? Two main reasons: (1) The current colours are a tiny bit too dark for such colouring of the UI and (2) Some types of statuses, although somewhat related to each other (Nothing, Boots, Menus), they are all actually separate categories HENCE they need separate colours. The choice of colours doesn't deviate too much from the original palette. Playable and Ingame are a bit brighter, Menus is slightly less saturated, Boots is the same red, and Nothing is gray (is still readable in compatibility list and in the main window).

Left is Old, Right is New (Will Use The Same Placement for the Rest, Unless Otherwise Stated):

Compatibility Status Colouring.jpeg

  • (3) Improved Spacing and Alignment of Checkboxes and Their Labels
    • This is a quick one – the labels and checkboxes were slightly misaligned. This MR fixes most of the checkboxes (I will get to certain ones in later MR's) and applies a uniform styling to most of them (adjusted Styles.xaml). Here's a photo:

Alignment of Checboxes and Labels.jpeg

  • (4) Settings → Input: Centred Keys When Mapping
    • The image will explain more, but the toggle buttons (for when mapping keyboard shortcuts or inputs) label was slightly shifted upwards. It was adjusted in the Styles.xaml file . Here's an image:

(NOTE: The shifting may be slightly adjusted in a future MR):

Alignments of "Toggle':Mapping Buttons.jpeg

  • (5) Improved Positioning/Spacing of "Icon Size" and Slider (See MR !78 (closed) For Visuals)
    • The visuals are the same, the code is the same as in that MR.
  • (6) Made Compatibility "Info" Dropdown Label & "Compatibility Verified" Nested Label Dynamic (See MR !78 (closed) For Visuals) (Also Improved spacing on old UI view)
    • Similar code as the previous MR, except the differences is the new checkbox and label nesting.

This is all of the changes for this Batch of UI Updates. Changes from !78 (closed) that didn't/don't appear in this MR will be carried into future MR's

Edited by Neo

Merge request reports

Loading