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