1
0
Fork 0
mirror of https://github.com/muerwre/vault-frontend.git synced 2025-04-24 20:36:40 +07:00

fixed node title wrapping on mobile

This commit is contained in:
Fedor Katurov 2022-07-15 16:09:02 +07:00
parent 74f4c7562b
commit e9a1a624fd
2 changed files with 19 additions and 2 deletions

View file

@ -10,9 +10,16 @@
} }
.item { .item {
margin-left: $gap * 4;
position: relative; position: relative;
&:not(:first-child) {
margin-left: $gap * 4;
@include tablet {
margin-left: $gap * 2;
}
}
&:not(:last-child)::after { &:not(:last-child)::after {
@include inner_shadow; @include inner_shadow;
@ -25,5 +32,9 @@
top: 5px; top: 5px;
right: -$gap * 2 - 2px; right: -$gap * 2 - 2px;
border-radius: 2px; border-radius: 2px;
@include tablet {
right : -$gap - 1px;
}
} }
} }

View file

@ -54,6 +54,7 @@
@include tablet { @include tablet {
border-radius: 0; border-radius: 0;
height: auto; height: auto;
min-height: 40px;
} }
} }
@ -65,7 +66,8 @@
text-overflow: ellipsis; text-overflow: ellipsis;
@include tablet { @include tablet {
white-space: nowrap; @include clamp(2);
padding-bottom: 0; padding-bottom: 0;
font: $font_16_semibold; font: $font_16_semibold;
} }
@ -189,6 +191,10 @@
.buttons { .buttons {
margin-top: 12px; margin-top: 12px;
margin-right: $gap; margin-right: $gap;
@include tablet {
margin-top: 6px;
}
} }
.button { .button {