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

[UI Nav] Fixed position of the connected status dot.

Browse source
This commit is contained in:
Fabio Manganiello 2023-10-23 15:57:47 +02:00
parent 5c22271e88
commit fd26f7fef3
Signed by untrusted user: blacklight
GPG key ID: D90FBA7F76362774
1 changed files with 18 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
platypush/backend/http/webapp/src/components/Nav.vue
View file

@ -193,6 +193,11 @@ nav {
top: 0; top: 0;
left: 0; left: 0;
z-index: 5; z-index: 5;
.icon.status {
top: 0.75em !important;
left: 2em;
}
} }
} }
@ -319,6 +324,10 @@ nav {
} }
} }
.icon.status {
width: 1em;
}
&.collapsed { &.collapsed {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -354,15 +363,19 @@ nav {
box-shadow: none; box-shadow: none;
background: $nav-toggler-collapsed-bg; background: $nav-toggler-collapsed-bg;
@media screen and (max-width: #{$tablet - 1px}) {
background: $nav-toggler-collapsed-mobile-bg;
color: $nav-toggler-collapsed-mobile-fg;
}
.icon.status { .icon.status {
top: 0.75em; top: 0.75em;
left: 2em; left: 2em;
} }
@include until($tablet) {
background: $nav-toggler-collapsed-mobile-bg;
color: $nav-toggler-collapsed-mobile-fg;
.icon.status {
top: 0.75em !important;
}
}
} }
.footer { .footer {