From 71d403bc36f44c1275b7eeb78644280a98b69487 Mon Sep 17 00:00:00 2001 From: Gregory Eremin Date: Sat, 14 Mar 2015 22:52:29 +0700 Subject: [PATCH] Handle too long names in menu --- app/styles/app.css | 11 +++++++++-- 1 file changed, 9 insertions(+), 2 deletions(-) diff --git a/app/styles/app.css b/app/styles/app.css index 8974873..93d4a73 100644 --- a/app/styles/app.css +++ b/app/styles/app.css @@ -50,13 +50,20 @@ section { color: #222; text-decoration: underline; border-radius: 3px; + width: 200px; + max-width: 200px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.menu .nav a:hover { + background-color: #fcf1eb; } .menu .nav a.active { background-color: #f9d4be; } - .content { - width: calc(100% - 260px); + width: calc(100% - 240px); margin-top: 20px; } .content .left, .content .right {