platypush/platypush
platypush
/
platypush
2
2
Fork 4
Code Issues 47 Pull Requests Packages Projects 4 Releases Wiki Activity

[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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
platypush/backend/http/webapp/src/components/Nav.vue
View File

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

1
platypush/backend/http/webapp/src/views/Panel.vue
View File

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