feat(docs): version badge v0.1 in header right corner (manual bump on changes)
This commit is contained in:
@@ -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%;
|
||||
|
||||
@@ -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();
|
||||
}
|
||||
})();
|
||||
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user