Editor: Suported

Is your feature request related to a problem? Please describe.

Not related to a problem.
TBH, I wanted to implement this feature, but I wasn’t sure it will be accepted.

Describe the solution you’d like

Editor suported window-controls-overlay feature.

Describe alternatives you’ve considered

Followup Chrome 97’s new feature about window-controls-overlay.

Additional context

Screenshot:

image

Feature info links:

https://github.com/WICG/window-controls-overlay/blob/main/explainer.md

https://wicg.github.io/window-controls-overlay/

https://web.dev/window-controls-overlay/

https://docs.microsoft.com/en-us/microsoft-edge/progressive-web-apps-chromium/how-to/window-controls-overlay

1 thought on “Editor: Suported

  1. What should go up there?

    Add this three lines code, it can work .
    Need to discuss, how to adapted .menu elements when resize the browser.

    diff --git a/editor/css/main.css b/editor/css/main.css
    --- a/editor/css/main.css
    +++ b/editor/css/main.css
    @@ -341,12 +341,14 @@ select {
            margin: 0;
            right: 0;
            top: 0;
    +       app-region: drag;
     }
    
            #menubar .menu {
                    float: left;
                    padding-right: 8px;
    +               app-region: no-drag;
            }
    
            #menubar .menu.right {
    diff --git a/editor/manifest.json b/editor/manifest.json
    --- a/editor/manifest.json
    +++ b/editor/manifest.json
    @@ -10,5 +10,6 @@
           "type": "image/png",
           "sizes": "144x144"
         }
    -  ]
    +  ],
    +  "display_override": ["window-controls-overlay"]
     }

    Screenshot:

    image

Comments are closed.