Avoid intellisense widgets being covered by the bottom panel

[r3inbowari]

Motivation

Avoid the problem that the Intellisense widget may be cover by the bottom(Output) panel partially.

Change description

from:

to:

Other information

Reviewer checklist

• PR addresses a single concern.
• The PR has no duplicates (please search among the Pull Requests before creating one)
• PR title and description are properly filled.
• Docs have been added / updated (for bug fixes / features)

[CLAassistant]

All committers have signed the CLA.

[AlbyIanna]

Thanks for your contribution @r3inbowari!

Your change fixes the issue, although I would prefer increasing the z-index of the #theia-main-content-panel instead of setting a negative value for the #theia-bottom-content-panel. This way, we make sure that any sibiling of the main content panel will have a lower z-index than its own – for example, in the situation we add a new widget there, we would incur in the same issue again.

Something like this should work:

#theia-main-content-panel {
  z-index: 1
}

[r3inbowari]

Agree :) Also fixed SplitPanel-handle showing above intellisense widget.

from:

to:

[AlbyIanna]

This looks even better! I tested it and it works perfectly 😺
Thank you so much!

[per1234]

Thanks @r3inbowari!