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 <sfinucan@redhat.com>
This commit is contained in:
Stephen Finucane 2019-03-06 15:21:01 +00:00
parent e0142fd3f9
commit 44430d1316
1 changed files with 5 additions and 1 deletions

View File

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