[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
[qemu-web PATCH v2 04/16] Make page header nav narrower
From: |
Daniel P . Berrangé |
Subject: |
[qemu-web PATCH v2 04/16] Make page header nav narrower |
Date: |
Tue, 27 Oct 2020 13:20:03 +0000 |
When the browser window is narrow, but not yet switched into the mobile
layout, the page header nav will line wrap. This breaks layout
assumptions resulting in overlapping/obscured text.
This deals with the probem by reducing padding between the links, and
shortening "Documentation" to just "Docs".
This avoids the line wrapping, as well as making room for new links in
the future.
Signed-off-by: Daniel P. Berrangé <berrange@redhat.com>
---
_includes/nav.html | 2 +-
assets/css/style-desktop.css | 3 ++-
2 files changed, 3 insertions(+), 2 deletions(-)
diff --git a/_includes/nav.html b/_includes/nav.html
index 58b6c5a..c66ee92 100644
--- a/_includes/nav.html
+++ b/_includes/nav.html
@@ -6,7 +6,7 @@
</li><li {% if current[1] == 'download'
%}class='current'{% endif %}><a href="{{ relative_root }}/download">Download</a>
</li><li {% if current[1] == 'support'
%}class='current'{% endif %}><a href="{{ relative_root }}/support">Support</a>
</li><li {% if current[1] == 'contribute'
%}class='current'{% endif %}><a href="{{ relative_root
}}/contribute">Contribute</a>
- </li><li {% if current[1] == 'documentation'
%}class='current'{% endif %}><a href="{{ relative_root
}}/documentation">Documentation</a>
+ </li><li {% if current[1] == 'documentation'
%}class='current'{% endif %}><a href="{{ relative_root
}}/documentation">Docs</a>
</li><li {% if current[1] == 'blog' %}class='current'{%
endif %}><a href="{{ relative_root }}/blog">Blog</a></li>
</ul>
</nav>
diff --git a/assets/css/style-desktop.css b/assets/css/style-desktop.css
index ce58fe2..b7e403a 100644
--- a/assets/css/style-desktop.css
+++ b/assets/css/style-desktop.css
@@ -237,13 +237,14 @@
{
text-align: right;
margin: 0;
+ padding: 0;
}
#nav > ul > li
{
display: inline-block;
margin: 0;
- padding: 0.5em 2em 0.5em 0em;
+ padding: 0.5em 1em 0.5em 0em;
color: #FFF;
letter-spacing: 0.06em;
text-transform: uppercase;
--
2.26.2
- [qemu-web PATCH v2 00/16] Re-design the QEMU home page to better present information, Daniel P . Berrangé, 2020/10/27
- [qemu-web PATCH v2 02/16] gitlab: introduce a CI job to publish the site content, Daniel P . Berrangé, 2020/10/27
- [qemu-web PATCH v2 04/16] Make page header nav narrower,
Daniel P . Berrangé <=
- [qemu-web PATCH v2 03/16] make all links be relative to the root, Daniel P . Berrangé, 2020/10/27
- [qemu-web PATCH v2 01/16] Convert files to UNIX line endings, Daniel P . Berrangé, 2020/10/27
- [qemu-web PATCH v2 06/16] Rework display of screenshots to use a carousel slider, Daniel P . Berrangé, 2020/10/27
- [qemu-web PATCH v2 05/16] Introduce support for "bxslider" jquery add on, Daniel P . Berrangé, 2020/10/27
- [qemu-web PATCH v2 07/16] Compress the two front page headings into one, Daniel P . Berrangé, 2020/10/27
- [qemu-web PATCH v2 08/16] Simplify copyright and integrate into footer, Daniel P . Berrangé, 2020/10/27
- [qemu-web PATCH v2 09/16] Put a full SFC membership blurb in footer of every page, Daniel P . Berrangé, 2020/10/27