From: Vladimír Vondruš Date: Mon, 1 Jan 2018 17:58:42 +0000 (+0100) Subject: css: renamed .m-navbar-jumbo to .m-navbar-cover. X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~cjwatson/git?a=commitdiff_plain;h=7b2db67e860b527968e0521cde0969202ddccc57;p=blog.git css: renamed .m-navbar-jumbo to .m-navbar-cover. Breaking change: if you aren't using the Pelican theme, make sure to change all occurences of m-navbar-jumbo to m-navbar-cover in your HTML markup in order to retain the feature of semi-transparent navbar on jumbo articles. --- diff --git a/css/m-components.css b/css/m-components.css index 71486ddb..c02226ef 100644 --- a/css/m-components.css +++ b/css/m-components.css @@ -136,24 +136,24 @@ body > header > nav { min-height: 3rem; } body > header > nav.m-navbar-landing, -body > header > nav.m-navbar-jumbo { +body > header > nav.m-navbar-cover { background-color: transparent; position: relative; } body > header > nav.m-navbar-landing { opacity: 0.8; } -body > header > nav.m-navbar-jumbo { +body > header > nav.m-navbar-cover { background-color: var(--header-background-color-jumbo); opacity: 1; } body > header > nav.m-navbar-landing:hover, -body > header > nav.m-navbar-jumbo:hover { +body > header > nav.m-navbar-cover:hover { background-color: var(--header-background-color-landing); opacity: 1; } body> header > nav.m-navbar-landing:target, -body> header > nav.m-navbar-jumbo:target { +body> header > nav.m-navbar-cover:target { background-color: var(--header-background-color); opacity: 1; } @@ -233,11 +233,11 @@ body > header > nav #m-navbar-collapse li a:active { background-color: var(--header-link-active-background-color); } body > header > nav.m-navbar-landing #m-navbar-collapse li a:hover, -body > header > nav.m-navbar-jumbo #m-navbar-collapse li a:hover, +body > header > nav.m-navbar-cover #m-navbar-collapse li a:hover, body > header > nav.m-navbar-landing #m-navbar-collapse li a:focus, -body > header > nav.m-navbar-jumbo #m-navbar-collapse li a:focus, +body > header > nav.m-navbar-cover #m-navbar-collapse li a:focus, body > header > nav.m-navbar-landing #m-navbar-collapse li a:active, -body > header > nav.m-navbar-jumbo #m-navbar-collapse li a:active { +body > header > nav.m-navbar-cover #m-navbar-collapse li a:active { background-color: var(--header-link-active-background-color-semi); } diff --git a/doc/css/page-layout.rst b/doc/css/page-layout.rst index f7490de1..3cb4b866 100644 --- a/doc/css/page-layout.rst +++ b/doc/css/page-layout.rst @@ -591,7 +591,7 @@ such as `image grid <{filename}/css/components.rst#image-grid>`_ possible. Similarly to `landing pages <#landing-pages>`_, the cover image of the jumbo article always spans the whole screen width and goes below the top navbar. If -you want the navbar to be semi-transparent, put :css:`.m-navbar-jumbo` on the +you want the navbar to be semi-transparent, put :css:`.m-navbar-cover` on the :html:`

` element. Compared to `landing pages <#landing-pages>`_ the navbar retains semi-transparent background at all times. diff --git a/pelican-plugins/m/test/htmlsanity_typography/article-jumbo.html b/pelican-plugins/m/test/htmlsanity_typography/article-jumbo.html index 5a8f029b..921cbfe7 100644 --- a/pelican-plugins/m/test/htmlsanity_typography/article-jumbo.html +++ b/pelican-plugins/m/test/htmlsanity_typography/article-jumbo.html @@ -19,7 +19,7 @@ -

diff --git a/pelican-plugins/m/test/metadata/article-jumbo.html b/pelican-plugins/m/test/metadata/article-jumbo.html index ddd1c1f4..55651d45 100644 --- a/pelican-plugins/m/test/metadata/article-jumbo.html +++ b/pelican-plugins/m/test/metadata/article-jumbo.html @@ -21,7 +21,7 @@ -

diff --git a/pelican-theme/templates/base.html b/pelican-theme/templates/base.html index 513a41a7..aed2a29c 100644 --- a/pelican-theme/templates/base.html +++ b/pelican-theme/templates/base.html @@ -32,7 +32,7 @@ {% endif %} -

diff --git a/pelican-theme/test/blog_author_list/article-jumbo.html b/pelican-theme/test/blog_author_list/article-jumbo.html index ab955df8..3c2baba9 100644 --- a/pelican-theme/test/blog_author_list/article-jumbo.html +++ b/pelican-theme/test/blog_author_list/article-jumbo.html @@ -9,7 +9,7 @@ -

diff --git a/pelican-theme/test/blog_collapse_first_both_hide_summary_both/article-jumbo.html b/pelican-theme/test/blog_collapse_first_both_hide_summary_both/article-jumbo.html index 14d1bf86..42c26adb 100644 --- a/pelican-theme/test/blog_collapse_first_both_hide_summary_both/article-jumbo.html +++ b/pelican-theme/test/blog_collapse_first_both_hide_summary_both/article-jumbo.html @@ -9,7 +9,7 @@ -

diff --git a/pelican-theme/test/blog_collapse_first_both_hide_summary_global/article-jumbo.html b/pelican-theme/test/blog_collapse_first_both_hide_summary_global/article-jumbo.html index 66303986..6e7fbaf4 100644 --- a/pelican-theme/test/blog_collapse_first_both_hide_summary_global/article-jumbo.html +++ b/pelican-theme/test/blog_collapse_first_both_hide_summary_global/article-jumbo.html @@ -9,7 +9,7 @@ -

diff --git a/pelican-theme/test/blog_collapse_first_global_hide_summary_both/article-jumbo.html b/pelican-theme/test/blog_collapse_first_global_hide_summary_both/article-jumbo.html index 18357765..bcd15ea5 100644 --- a/pelican-theme/test/blog_collapse_first_global_hide_summary_both/article-jumbo.html +++ b/pelican-theme/test/blog_collapse_first_global_hide_summary_both/article-jumbo.html @@ -9,7 +9,7 @@ -

diff --git a/pelican-theme/test/blog_collapse_first_global_hide_summary_global/article-jumbo.html b/pelican-theme/test/blog_collapse_first_global_hide_summary_global/article-jumbo.html index 66303986..6e7fbaf4 100644 --- a/pelican-theme/test/blog_collapse_first_global_hide_summary_global/article-jumbo.html +++ b/pelican-theme/test/blog_collapse_first_global_hide_summary_global/article-jumbo.html @@ -9,7 +9,7 @@ -

diff --git a/pelican-theme/test/blog_hide_summary_both/article-jumbo.html b/pelican-theme/test/blog_hide_summary_both/article-jumbo.html index d58eae0b..205b81df 100644 --- a/pelican-theme/test/blog_hide_summary_both/article-jumbo.html +++ b/pelican-theme/test/blog_hide_summary_both/article-jumbo.html @@ -9,7 +9,7 @@ -

diff --git a/pelican-theme/test/blog_hide_summary_global/article-jumbo.html b/pelican-theme/test/blog_hide_summary_global/article-jumbo.html index cab8efc3..60092c7c 100644 --- a/pelican-theme/test/blog_hide_summary_global/article-jumbo.html +++ b/pelican-theme/test/blog_hide_summary_global/article-jumbo.html @@ -9,7 +9,7 @@ -

diff --git a/pelican-theme/test/blog_html_escape/article-jumbo.html b/pelican-theme/test/blog_html_escape/article-jumbo.html index eae60fc6..c3878888 100644 --- a/pelican-theme/test/blog_html_escape/article-jumbo.html +++ b/pelican-theme/test/blog_html_escape/article-jumbo.html @@ -20,7 +20,7 @@ -

diff --git a/pelican-theme/test/blog_jumbo_inverted/article-jumbo.html b/pelican-theme/test/blog_jumbo_inverted/article-jumbo.html index da40587e..7c52de2b 100644 --- a/pelican-theme/test/blog_jumbo_inverted/article-jumbo.html +++ b/pelican-theme/test/blog_jumbo_inverted/article-jumbo.html @@ -9,7 +9,7 @@ -