Fix menu layout for long texts

stable
Xavier Julián 2015-05-20 11:08:27 +02:00
parent ad29aa73ca
commit eb7f26c123
1 changed files with 9 additions and 1 deletions

View File

@ -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;