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

Solved issue with main menu shrinking a bit when the main panel has too much wide content

Browse source
This commit is contained in:
Fabio Manganiello 2022-11-26 00:32:11 +01:00
parent 33cc055249
commit fecd96f64c
Signed by untrusted user: blacklight
GPG key ID: D90FBA7F76362774
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -117,22 +117,25 @@ nav {
@media screen and (min-width: $tablet) { @media screen and (min-width: $tablet) {
width: calc(16em - 2vw); width: calc(16em - 2vw);
min-width: calc(16em - 2vw);
height: 100%; height: 100%;
overflow: auto; overflow: auto;
background: $nav-bg; background: $nav-bg;
color: $nav-fg; color: $nav-fg;
box-shadow: $nav-box-shadow-main; box-shadow: $nav-box-shadow-main;
margin-right: 2px; z-index: 1;
} }
@media screen and (min-width: $desktop) { @media screen and (min-width: $desktop) {
width: 16em; width: 16em;
min-width: 16em;
} }
li { li {
border: $nav-entry-border; border: $nav-entry-border;
cursor: pointer; cursor: pointer;
list-style: none; list-style: none;
letter-spacing: 0.04em;
a { a {
display: block; display: block;
@ -149,6 +152,7 @@ nav {
&.selected { &.selected {
background: $nav-entry-selected-bg; background: $nav-entry-selected-bg;
border: $nav-entry-selected-border;
} }
.name { .name {
@ -217,8 +221,8 @@ nav {
@media screen and (min-width: $tablet) { @media screen and (min-width: $tablet) {
width: 2.5em; width: 2.5em;
min-width: unset; min-width: 2.5em;
max-width: unset; max-width: 2.5em;
background: $nav-collapsed-bg; background: $nav-collapsed-bg;
color: $nav-collapsed-fg; color: $nav-collapsed-fg;
box-shadow: $nav-box-shadow-collapsed; box-shadow: $nav-box-shadow-collapsed;