revil-O/platypush
1
0
Fork 0
forked from platypush/platypush
Code Pull requests Activity

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

Browse source 
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%;