From 44430d1316e8a6b798a0782be65ca8d28f919da4 Mon Sep 17 00:00:00 2001 From: Stephen Finucane Date: Wed, 6 Mar 2019 15:21:01 +0000 Subject: [PATCH] css: Use ellipsis for long titles in sidebar This replaces I4808aa43a93b8bd28c85e8feccbaea6bf821c8e5 by keeping text on one line but simply slicing off the stuff that's too long. You can probably infer most of the context from this snippet. The added margin is necessary to make it look not ugly. Change-Id: I23bc2f4414b69c1ee4b9552f554423e457571554 Signed-off-by: Stephen Finucane --- .../theme/openstackdocs/static/css/combined.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/openstackdocstheme/theme/openstackdocs/static/css/combined.css b/openstackdocstheme/theme/openstackdocs/static/css/combined.css index 9624ef2a..56188524 100644 --- a/openstackdocstheme/theme/openstackdocs/static/css/combined.css +++ b/openstackdocstheme/theme/openstackdocs/static/css/combined.css @@ -3809,7 +3809,9 @@ a.docs-sidebar-section-title:hover { counter-increment: none; } .docs-sidebar-section ul li { - word-wrap: break-word; } + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; } li.docs-has-sub > a { font-weight: 700; } @@ -4456,6 +4458,8 @@ table.highlighttable { .docs-sidebar-section ul ul { padding-left: 0px; margin-left: 20px; + padding-right: 0px; + margin-right: 20px; } .docs-body .section h1 {