Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

web: Core UI improvements #16793

Merged
merged 12 commits into from
Jun 30, 2024
Merged

Conversation

WumboSpasm
Copy link
Contributor

@WumboSpasm WumboSpasm commented Jun 20, 2024

Before After (Light) After (Dark)
image image image
image image image
image image image
image image image

Other changes of note:

  • The context menu is no longer bound to the edges of the player
  • Hovering over a context menu item no longer changes the cursor, which should bring it in line with most traditional context menus
  • The player is now darkened and the browser context menu is suppressed while a modal is open
  • Modals now stay in the center of the player more reliably, even if the player width is smaller than the modal width

Tasks:

  • Context menu
  • Volume controls modal
  • Save manager modal
  • Clipboard modal
  • Video modal
  • Hardware acceleration modal

I plan on making a separate PR for player overlay improvements.

@danielhjacobs danielhjacobs added the A-web Area: Web & Extensions label Jun 20, 2024
@WumboSpasm WumboSpasm marked this pull request as ready for review June 27, 2024 03:51
@evilpie
Copy link
Collaborator

evilpie commented Jun 30, 2024

Should we also add rounded corners to the context menu?

@Dinnerbone
Copy link
Contributor

Personally I like square context menu, the window rounding is quite strong. Maybe a subtle one would look okay, but we can discuss that for a followup PR?

@torokati44
Copy link
Member

Personally I like square context menu, the window rounding is quite strong.

Same. The radius that Windows 11 has on either, is too much for my taste. Not to mention Android, even the screens! 😵

The ones in KDE feel just right to me:
image

But I don't mind actual corners either, for sure.

@torokati44 torokati44 force-pushed the web-ui-improvements branch 2 times, most recently from f382974 to 67566ac Compare June 30, 2024 09:33
Dark mode support has been added to the context menu as well as the
the Volume and Save Manager modals. The latter two have also received
significant visual upgrades.
- Open modals now dim the player and prevent interaction with the
  underlying content until it is closed
- Right-clicking outside of an open modal now closes it instead of
  displaying the browser context menu
- Fixed a regression where right-clicking with the Ruffle context
  menu open would open the browser context menu
This resolves (literal) edge cases where opening the context menu
too close to the right-hand side of the player would inadvertently
wrap the lengthiest menu item.
This lets the context menu escape the bounds of the player and keeps
modals in the center of the player at small widths.
There was a general consensus in the Ruffle Discord that this
functionality was awkward and unneeded (on top of already not
working as intended).
@Dinnerbone Dinnerbone merged commit 5addb6e into ruffle-rs:master Jun 30, 2024
15 checks passed
@Dinnerbone
Copy link
Contributor

Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
A-web Area: Web & Extensions
Projects
Status: No status
Development

Successfully merging this pull request may close these issues.

5 participants