From: Vladimír Vondruš Date: Sat, 18 Nov 2017 14:10:44 +0000 (+0100) Subject: css: set the hamburger glyph in top navbar from CSS. X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~cjwatson/git?a=commitdiff_plain;h=86d89fec918aab7dcede6aa56c6efff2d275ae86;p=blog.git css: set the hamburger glyph in top navbar from CSS. Instead of hardcoding it from the markup. This way when the CSS is not present at all (broken site), the user is not present with confusing hamburgers on the top. Important: unless you are using the builtin Pelican theme, you need to update your markup to remove the hamburger glyph, otherwise you'll have two of them there. --- diff --git a/css/m-components.css b/css/m-components.css index 84425ce4..401b77d9 100644 --- a/css/m-components.css +++ b/css/m-components.css @@ -174,6 +174,9 @@ body > header > nav a#m-navbar-brand, body > header > nav a#m-navbar-show, body font-size: 1.125rem; line-height: 3rem; } +body > header > nav a#m-navbar-show:before, body > header > nav a#m-navbar-hide:before { + content:'\2630'; +} body > header > nav #m-navbar-collapse { padding-bottom: 1rem; } diff --git a/doc/css/page-layout.rst b/doc/css/page-layout.rst index 00da439a..2a62034a 100644 --- a/doc/css/page-layout.rst +++ b/doc/css/page-layout.rst @@ -119,8 +119,8 @@ items is shown below.
Your Brand - ☰ - ☰ + +