From eb7f26c1234121938d3adbbbb464e1ba05a6e18f Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Xavier=20Juli=C3=A1n?= Date: Wed, 20 May 2015 11:08:27 +0200 Subject: [PATCH] Fix menu layout for long texts --- app/styles/modules/admin/admin-submenu.scss | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) diff --git a/app/styles/modules/admin/admin-submenu.scss b/app/styles/modules/admin/admin-submenu.scss index b404d12f..58e32f39 100644 --- a/app/styles/modules/admin/admin-submenu.scss +++ b/app/styles/modules/admin/admin-submenu.scss @@ -14,7 +14,8 @@ } a { color: $white; - display: block; + display: flex; + justify-content: space-between; padding: 1rem 0 1rem 1rem; &.active, &:hover { @@ -25,6 +26,13 @@ transition: opacity .3s linear; } } + span { + display: block; + max-width: 85%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } } .icon { color: $white;