Fix menu layout for long texts
parent
ad29aa73ca
commit
eb7f26c123
|
@ -14,7 +14,8 @@
|
||||||
}
|
}
|
||||||
a {
|
a {
|
||||||
color: $white;
|
color: $white;
|
||||||
display: block;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
padding: 1rem 0 1rem 1rem;
|
padding: 1rem 0 1rem 1rem;
|
||||||
&.active,
|
&.active,
|
||||||
&:hover {
|
&:hover {
|
||||||
|
@ -25,6 +26,13 @@
|
||||||
transition: opacity .3s linear;
|
transition: opacity .3s linear;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
span {
|
||||||
|
display: block;
|
||||||
|
max-width: 85%;
|
||||||
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
white-space: nowrap;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.icon {
|
.icon {
|
||||||
color: $white;
|
color: $white;
|
||||||
|
|
Loading…
Reference in New Issue