New article "Simulate the Window Controls Overlay API without installing your PWA" - Githubissues

MicrosoftDocs / edge-developer

Developer documentation for Edge.

https://learn.microsoft.com/microsoft-edge/developer/

Creative Commons Attribution 4.0 International

377 stars 504 forks source link

New article "Simulate the Window Controls Overlay API without installing your PWA" #3157

Closed mikehoffms closed 1 month ago

mikehoffms commented 1 month ago

Rendered articles for review:

Simulate the Window Controls Overlay API without installing your PWA - new article in DevTools TOC bucket.
- https://review.learn.microsoft.com/microsoft-edge/devtools-guide-chromium/progressive-web-apps/simulate-window-controls-overlay?branch=pr-en-us-3157
- Planned live
Display content in the title bar area using Window Controls Overlay - updated article.
- Intro - put summary first.
  - https://review.learn.microsoft.com/microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay?branch=pr-en-us-3157
  - Before/Live
- Demo app h2 section - added details.
  - https://review.learn.microsoft.com/microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay?branch=pr-en-us-3157#demo-app
  - Before/live
- Preview the custom overlay without installing the PWA - new section.
  - https://review.learn.microsoft.com/microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay?branch=pr-en-us-3157#preview-the-custom-overlay-without-installing-the-pwa
  - Planned live
What's New in DevTools (Microsoft Edge 121) > Tooling for PWA Window Controls Overlay - linked to new article.
- https://review.learn.microsoft.com/microsoft-edge/devtools-guide-chromium/whats-new/2024/01/devtools-121?branch=pr-en-us-3157#tooling-for-pwa-window-controls-overlay
- Before/Live
Define icons and a theme color > Choose a theme color - At end of section, made link text match destination heading; rewrote; added subheading Display app content in the title bar area.
- https://review.learn.microsoft.com/microsoft-edge/progressive-web-apps-chromium/how-to/icon-theme-color?branch=pr-en-us-3157#choose-a-theme-color
- Before/Live
What's New in Progressive Web Apps > What's New in Microsoft Edge 121 - new section.
- https://review.learn.microsoft.com/microsoft-edge/progressive-web-apps-chromium/whats-new/pwa?branch=pr-en-us-3157#whats-new-in-microsoft-edge-121
- Planned live

AB#50874955

learn-build-service-prod[bot] commented 1 month ago

Learn Build status updates of commit 09e4af8:

:white_check_mark: Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/devtools-guide-chromium/progressive-web-apps/simulate-window-controls-overlay.md	:white_check_mark:Succeeded	View
microsoft-edge/devtools-guide-chromium/progressive-web-apps/simulate-window-controls-overlay-images/1div-demo-app.png	:white_check_mark:Succeeded	View
microsoft-edge/devtools-guide-chromium/progressive-web-apps/simulate-window-controls-overlay-images/demo-with-overlay.png	:white_check_mark:Succeeded	View
microsoft-edge/devtools-guide-chromium/progressive-web-apps/simulate-window-controls-overlay-images/more-tools-icon.png	:white_check_mark:Succeeded	View
microsoft-edge/devtools-guide-chromium/progressive-web-apps/simulate-window-controls-overlay-images/pwa-window-controls.png	:white_check_mark:Succeeded	View
microsoft-edge/devtools-guide-chromium/whats-new/2024/01/devtools-121.md	:white_check_mark:Succeeded	View
microsoft-edge/progressive-web-apps-chromium/demo-pwas.md	:white_check_mark:Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/best-practices.md	:white_check_mark:Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/icon-theme-color.md	:white_check_mark:Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay.md	:white_check_mark:Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay-images/app-available-install-icon.png	:white_check_mark:Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay-images/app-installed-dialog.png	:white_check_mark:Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay-images/close-icon.png	:white_check_mark:Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay-images/hide-title-bar-icon.png	:white_check_mark:Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay-images/minimize-icon.png	:white_check_mark:Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay-images/restore-icon.png	:white_check_mark:Succeeded	View
microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay-images/settings-and-more-icon.png	:white_check_mark:Succeeded	View
microsoft-edge/progressive-web-apps-chromium/whats-new/pwa.md	:white_check_mark:Succeeded	View
microsoft-edge/toc.yml	:white_check_mark:Succeeded	View

For more details, please refer to the build report.

For any questions, please:

Try searching the learn.microsoft.com contributor guides
Post your question in the Learn support channel