[UI] Set a base `z-index` for the root content canvas.

This allows loading spinners, modals and other components with a real
fullscreen background to stretch over the required space, without being
covered by the navigator or other sibling components.

This also requires the collapsed navigator to have a 1px margin-right,
or its separation border won't be visible.
This commit is contained in:
Fabio Manganiello 2023-11-03 21:48:17 +01:00
parent 266ee3cadf
commit 96f2a8f8fc
2 changed files with 2 additions and 0 deletions

View File

@ -331,6 +331,7 @@ nav {
&.collapsed {
display: flex;
flex-direction: column;
margin-right: 1px;
@media screen and (min-width: $tablet) {
width: 2.5em;

View File

@ -134,6 +134,7 @@ main {
flex-grow: 100;
background: $menu-panel-bg;
overflow: auto;
z-index: 1;
.panel {
width: 100%;