How to show transparent film on the top of screen

The screen is so tiny, that I cannot tell, where the arrows are pointing at.

Do you simply need an overlay of the fullscreen? Simply add a centered modal with top=left=right=bottom=0; or height & width =100%

Code:

Ext.define('App.view.HelpOverlay', {
    extend: 'Ext.Container',
    xtype: 'help_overlay',


    config: {
        fullscreen: true,
        center: true,
        style: 'background-color:rgba(0,0,0,0.6);'

you can add margin if you need the white outline.



How to show transparent film on the top of screen