Skip to content

Move window topbar content to menu on small screens #3872

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

Open
wants to merge 10 commits into
base: main
Choose a base branch
from

Conversation

bodo22
Copy link
Collaborator

@bodo22 bodo22 commented Jan 11, 2024

This is an attempt to address #2891

Base automatically changed from mui5 to master February 1, 2024 16:17
@gerdesque gerdesque marked this pull request as ready for review April 7, 2025 07:14
@gerdesque gerdesque requested a review from lutzhelm April 7, 2025 07:14
Copy link

codecov bot commented Apr 10, 2025

Codecov Report

Attention: Patch coverage is 99.31507% with 1 line in your changes missing coverage. Please review.

Project coverage is 94.94%. Comparing base (0a94bd3) to head (4b8979b).

Files with missing lines Patch % Lines
src/components/WindowTopBarMenu.jsx 99.04% 1 Missing ⚠️
Additional details and impacted files
@@            Coverage Diff             @@
##             main    #3872      +/-   ##
==========================================
+ Coverage   94.91%   94.94%   +0.02%     
==========================================
  Files         323      325       +2     
  Lines       16136    16237     +101     
  Branches     2531     2551      +20     
==========================================
+ Hits        15316    15416     +100     
- Misses        815      816       +1     
  Partials        5        5              

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@bodo22 bodo22 linked an issue Apr 10, 2025 that may be closed by this pull request
Copy link
Contributor

@lutzhelm lutzhelm left a comment

Choose a reason for hiding this comment

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

  • Keyboard navigation does not work in the small variant yet. I don't know how relevant keyboard navigation is for very small screens (i.e. probably phones), but I'd assume it's still an accessibility requirement.
  • The way this is implemented results in a change of order of the buttons.
    • up until now, the order was
      • Window view / thumbnail display
      • Plugin area
      • Maximize / restore window
      • Full screen
      • Close Window
    • The plugins / more button has now moved behind Maximize and Fullscreen. The question is if the latter two should better be kept together with the Close button, but this would make the change a little more complicated. I'd really like a bit more feedback on that.

Edit, for illustration...

Before:
topbar-before

After:
topbar-after

const config = getWindowConfig(state, { windowId });

return {};
};
Copy link
Contributor

Choose a reason for hiding this comment

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

mapStateToProps looks superfluous and like an accidental copy&paste. Calling connect(null, mapDispatchToProps) should be fine in enhance.

/**
* WindowTopBarMenu
*/
export function WindowTopBarMenu({
Copy link
Contributor

Choose a reason for hiding this comment

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

This is a minor thing, but I'm not sure if WindowTopBarMenu is the best name for this component, as it contains the entire content of the WindowTopBar aside from the sidebar button. Not sure what a better name would be. WindowTopBarContent? WindowTopBarControls?

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.

Window toolbar collapse in very small windows
3 participants