1
0
mirror of https://github.com/squidfunk/mkdocs-material.git synced 2024-11-28 01:10:58 +01:00

Added support for announcement bar

This commit is contained in:
squidfunk 2020-01-25 14:25:50 +01:00
parent 68272079c3
commit eb968dfec0
10 changed files with 18 additions and 14 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -378,13 +378,13 @@ kbd {
overflow: hidden; }
html {
height: 100%;
min-height: 100%;
font-size: 125%;
overflow-x: hidden; }
body {
position: relative;
height: 100%;
min-height: 100%;
font-size: 0.5rem; }
hr {
@ -406,7 +406,6 @@ hr {
display: table;
width: 100%;
height: 100%;
padding-top: 2.4rem;
table-layout: fixed; }
.md-main {
@ -563,7 +562,8 @@ hr {
color: rgba(0, 0, 0, 0.26); }
.md-header {
position: fixed;
position: -webkit-sticky;
position: sticky;
top: 0;
right: 0;
left: 0;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -95,6 +95,11 @@
{{ lang.t('skip.link.title') }}
</a>
{% endif %}
{% if self.announcement() %}
<div class="md-announcement" data-md-component="announcement">
{% block announcement %}{% endblock %}
</div>
{% endif %}
{% block header %}
{% include "partials/header.html" %}
{% endblock %}

View File

@ -53,7 +53,7 @@ export function watchHeader(
): Observable<HeaderState> {
return defer(() => {
const sticky = getComputedStyle(el)
.getPropertyValue("position") === "fixed"
.getPropertyValue("position") === "sticky"
/* Return header as hot observable */
return of({

View File

@ -35,7 +35,7 @@ $md-toggle__drawer--checked:
// Stretch container to viewport and set base font-size to 10px for simple
// calculations base on relative ems (rems)
html {
height: 100%;
min-height: 100%;
// Hack: normally, we would set the base font-size to 62.5%, so we can base
// all calculations on 10px, but Chromium and Chrome define a minimal font
// size of 12 if the system language is set to Chinese. For this reason we
@ -63,7 +63,7 @@ html {
// Stretch body to container and leave room for footer
body {
position: relative;
height: 100%;
min-height: 100%;
// Hack: reset font-size to 10px, so the spacing for all inline elements is
// correct again. Otherwise the spacing would be based on 20px.
font-size: 0.5rem; // stylelint-disable-line unit-whitelist
@ -110,7 +110,6 @@ hr {
display: table;
width: 100%;
height: 100%;
padding-top: px2rem(48px);
table-layout: fixed;
}

View File

@ -26,7 +26,7 @@
// Application header (stays always on top)
.md-header {
position: fixed;
position: sticky;
top: 0;
right: 0;
left: 0;