diff --git a/docs/30_registry/assets/extra.css b/docs/30_registry/assets/extra.css index e004c6e..42f1217 100644 --- a/docs/30_registry/assets/extra.css +++ b/docs/30_registry/assets/extra.css @@ -37,8 +37,7 @@ text-decoration-thickness: 2px; } -/* Keep horizontal scrollbars visible for wide tables */ -.md-typeset__scrollwrap { +/* Keep horizontal scrollbars visible for wide tables */.md-typeset__scrollwrap { overflow-x: auto; padding-bottom: 0.3rem; } @@ -259,6 +258,30 @@ text-align: center; } +/* ---- Version badge in header (right corner) ---- */ +.md-version-badge { + display: inline-flex; + align-items: center; + align-self: center; + margin-left: 0.4rem; + padding: 0.05rem 0.55rem; + font-size: 0.68rem; + font-weight: 700; + letter-spacing: 0.02em; + line-height: 1.5; + white-space: nowrap; + color: var(--md-default-bg-color); + background: rgba(255, 255, 255, 0.16); + border: 1px solid rgba(255, 255, 255, 0.4); + border-radius: 2rem; + cursor: default; +} +@media screen and (max-width: 44.9375em) { + .md-version-badge { + display: none; + } +} + .md-typeset .resource-table-nested th:nth-child(6), .md-typeset .resource-table-nested td:nth-child(6) { width: 37%; diff --git a/docs/30_registry/javascripts/version-badge.js b/docs/30_registry/javascripts/version-badge.js new file mode 100644 index 0000000..8f75e99 --- /dev/null +++ b/docs/30_registry/javascripts/version-badge.js @@ -0,0 +1,23 @@ +(function () { + // ============================================================ + // Версия документации в правом углу шапки. + // ПОВЫШАТЬ ВРУЧНУЮ ПРИ ИЗМЕНЕНИЯХ: v0.1 -> v0.2 -> v0.3 ... + // ============================================================ + var DOCS_VERSION = 'v0.1'; + + function inject() { + var header = document.querySelector('.md-header__inner'); + if (!header || document.querySelector('.md-version-badge')) return; + var badge = document.createElement('span'); + badge.className = 'md-version-badge'; + badge.textContent = DOCS_VERSION; + badge.title = 'Версия документации'; + header.appendChild(badge); + } + + if (document.readyState === 'loading') { + document.addEventListener('DOMContentLoaded', inject); + } else { + inject(); + } +})(); diff --git a/mkdocs.yml b/mkdocs.yml index f40153a..de58b26 100644 --- a/mkdocs.yml +++ b/mkdocs.yml @@ -35,6 +35,7 @@ extra_css: extra_javascript: - 30_registry/javascripts/fix-slash.js + - 30_registry/javascripts/version-badge.js markdown_extensions: - md_in_html