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

feat(UI): Overflow menu (Switch from scroll button to dropdown) #10124

Draft
wants to merge 1 commit into
base: master
Choose a base branch
from

Conversation

maks-w
Copy link

@maks-w maks-w commented Sep 25, 2024

Change-Id: I80c76c9511ceec9d3e46a261ce8ffefc1d5aa477

Summary

I only did the classic menu as a proof of concept, i'm not sure what would be the spec for the notebookbar (it seems to me that it would be weird to have a second bar that is as wide?).

I took the liberty of hiding by section and not just by button. This approach has the benefit of not having half of the features in the top bar and the rest in the overflow menu.

TODO

  • Notebook bar
  • Update Cypress tests

Checklist

  • I have run make prettier-write and formatted the code.
  • All commits have Change-Id
  • I have run tests with make check
  • I have issued make run and manually verified that everything looks okay
  • Documentation (manuals or wiki) has been updated or is not required

@maks-w maks-w force-pushed the maks-w/overflow-menu branch 2 times, most recently from 9e21d3c to 33f523a Compare September 25, 2024 11:59
@maks-w
Copy link
Author

maks-w commented Oct 4, 2024

Hello,

I would love some feedback before I go further, maybe @pedropintosilva ?

Thank you

@@ -226,14 +227,123 @@ class TopToolbar extends JSDialog.Toolbar {
}
}

createOverflowMenu() {
Copy link
Contributor

Choose a reason for hiding this comment

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

nice, would be also good to use our helper for popups: https://github.com/CollaboraOnline/online/blob/master/browser/src/control/jsdialog/Util.Dropdown.js#L22

example usage:

JSDialog.OpenDropdown(

Signed-off-by: Maks Wolkowinski <[email protected]>
Change-Id: I80c76c9511ceec9d3e46a261ce8ffefc1d5aa477
@maks-w maks-w force-pushed the maks-w/overflow-menu branch from 33f523a to f39ae91 Compare October 23, 2024 08:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Status: To Review
Development

Successfully merging this pull request may close these issues.

Overflow icons: Switch from scroll button to dropdown
2 participants