-
Notifications
You must be signed in to change notification settings - Fork 15.5k
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: enable windows control overlay on Windows #29600
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Requesting changes just so this doesn't land in the current state, we had some offline discussions mostly revolving around the large quantity of copied code in the windows PR but both PRs should be updated to only take effect when a new "overlay" tile bar style is defined. This should affect any existing apps.
b67f810
to
49f302b
Compare
awsome!! Can't wait to use this feature!! |
@mlaurencin has manually backported this PR to "13-x-y", please check out #30887 |
@mlaurencin is it possible to trigger "Windows 11 snap layout" programmatically without using "native" title bar? |
@aleksey-hoffman have you look at https://web.dev/window-controls-overlay/ to see if it meets your needs? If it doesn't, it might be good to open an issue in the original explainer: |
@molant thanks for the links. It looks like the current implementation doesn't allow full customizability of the titlebar. It seems I will have to implement my own "Win 11 snap layouts" feature |
@aleksey-hoffman unfortunately, I do not know of a way to trigger the snap layout programmatically. Even if you are implementing your own feature, it might still be worth opening an issue on the explainer as mentioned above in case there are others wanting similar customizability. |
@mlaurencin yep, I just checked, someone already opened an issue about this |
Description of Change
This PR enhances
titlebarStyle
on Windows to support Window Controls Overlay. See this PR for the macOS implementation and other documentation. The parametertitlebarStyle: 'hidden'
used withtitleBarOverlay: true
will turn on this feature on Windows with default system colors. Additionally for the Windows implementation, the color of the overlay buttons and its symbols can be specified by settingtitleBarOverlay
to an object with the optionscolor
andsymbolColor
respectively. As addressed in the open questions of the Window Controls Overlay specification, there is no current implementation for customizing the title bar height. This will be addressed in a future PR.Checklist
npm test
passesRelease Notes
Notes: Added support for Windows Control Overlay on Windows.