Style anpassungen für die Dokumentationsseite und die Produktseite. Hinzufügen eines Feeds für Produktaktualisierungen. Aktualisierung der Router- und Suchcontroller-Logik, um die neuen Seiten zu unterstützen. Anpassung der Admin-Einstellungen für die Dokumentationsseite.
This commit is contained in:
Sven Steinert
@@ -77,7 +77,6 @@
|
||||
}
|
||||
|
||||
.kb-app-product__link,
|
||||
.kb-app-version-list a,
|
||||
.kb-app-page-list a {
|
||||
display: block;
|
||||
border-radius: 6px;
|
||||
@@ -90,24 +89,16 @@
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.kb-app-version-list a {
|
||||
.kb-app-page-list a {
|
||||
padding: 6px 10px 6px 22px;
|
||||
color: var(--kb-muted);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.kb-app-page-list a {
|
||||
padding: 5px 10px 5px 36px;
|
||||
color: var(--kb-muted);
|
||||
font-size: 13px;
|
||||
line-height: 1.35;
|
||||
}
|
||||
|
||||
.kb-app-product__link:hover,
|
||||
.kb-app-version-list a:hover,
|
||||
.kb-app-page-list a:hover,
|
||||
.kb-app-product.is-active > .kb-app-product__link,
|
||||
.kb-app-version-list li.is-active > a,
|
||||
.kb-app-page-list li.is-active > a {
|
||||
background: var(--kb-accent-soft);
|
||||
color: var(--kb-accent);
|
||||
@@ -129,6 +120,7 @@
|
||||
gap: 16px;
|
||||
}
|
||||
|
||||
.kb-home-card,
|
||||
.kb-product-card,
|
||||
.kb-search {
|
||||
border: 1px solid var(--kb-border);
|
||||
@@ -138,6 +130,57 @@
|
||||
box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
|
||||
}
|
||||
|
||||
.kb-docs-home-grid {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(0, 1fr) minmax(280px, 0.8fr);
|
||||
gap: 16px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.kb-home-card h2 {
|
||||
margin-top: 0;
|
||||
font-size: 20px;
|
||||
}
|
||||
|
||||
.kb-home-intro__content p:last-child,
|
||||
.kb-product-updates p:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.kb-product-updates__list {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.kb-product-updates__list li {
|
||||
padding: 12px 0;
|
||||
border-top: 1px solid var(--kb-border);
|
||||
}
|
||||
|
||||
.kb-product-updates__list li:first-child {
|
||||
padding-top: 0;
|
||||
border-top: 0;
|
||||
}
|
||||
|
||||
.kb-product-updates__meta {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 6px 10px;
|
||||
align-items: baseline;
|
||||
}
|
||||
|
||||
.kb-product-updates__meta strong {
|
||||
color: var(--kb-text);
|
||||
}
|
||||
|
||||
.kb-product-updates__meta span,
|
||||
.kb-product-updates__meta time,
|
||||
.kb-empty-state {
|
||||
color: var(--kb-muted);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.kb-product-card h2 {
|
||||
margin-top: 0;
|
||||
font-size: 20px;
|
||||
@@ -173,6 +216,7 @@
|
||||
padding: 8px 22px 16px 0;
|
||||
}
|
||||
|
||||
.kb-version-switcher select,
|
||||
.kb-sidebar select,
|
||||
.kb-search input {
|
||||
width: 100%;
|
||||
@@ -235,18 +279,48 @@
|
||||
border-radius: 6px;
|
||||
}
|
||||
|
||||
.kb-doc-content {
|
||||
.kb-doc-content,
|
||||
.kb-docs-version {
|
||||
max-width: 860px;
|
||||
min-width: 0;
|
||||
border: 1px solid var(--kb-border);
|
||||
border-radius: var(--kb-radius, 8px);
|
||||
padding: 22px;
|
||||
background: var(--kb-surface);
|
||||
box-shadow: var(--kb-shadow, 0 1px 2px rgba(16, 24, 40, 0.04));
|
||||
}
|
||||
|
||||
.kb-doc-header {
|
||||
display: flex;
|
||||
gap: 20px;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
margin-bottom: 22px;
|
||||
}
|
||||
|
||||
.kb-doc-header__main {
|
||||
min-width: 0;
|
||||
}
|
||||
|
||||
.kb-doc-content > h1 {
|
||||
.kb-doc-header h1 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 22px;
|
||||
margin-bottom: 0;
|
||||
font-size: clamp(28px, 4vw, 42px);
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
.kb-version-switcher {
|
||||
flex: 0 0 190px;
|
||||
}
|
||||
|
||||
.kb-version-switcher label {
|
||||
display: block;
|
||||
margin-bottom: 6px;
|
||||
color: var(--kb-muted);
|
||||
font-size: 13px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.kb-rendered-content h1 {
|
||||
display: none;
|
||||
}
|
||||
@@ -307,6 +381,10 @@
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.kb-docs-home-grid {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.kb-app-sidebar {
|
||||
position: static;
|
||||
max-height: none;
|
||||
@@ -324,4 +402,12 @@
|
||||
padding-right: 0;
|
||||
padding-bottom: 18px;
|
||||
}
|
||||
|
||||
.kb-doc-header {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.kb-version-switcher {
|
||||
margin-top: 16px;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -61,14 +61,17 @@
|
||||
color: var(--kb-text);
|
||||
}
|
||||
|
||||
.kb-doc-content > h1 {
|
||||
.kb-doc-header h1 {
|
||||
font-family: var(--kb-font-strong);
|
||||
font-weight: 600;
|
||||
letter-spacing: 0;
|
||||
}
|
||||
|
||||
.kb-product-card,
|
||||
.kb-home-card,
|
||||
.kb-search,
|
||||
.kb-doc-content,
|
||||
.kb-docs-version,
|
||||
.kb-app-sidebar {
|
||||
border-radius: var(--kb-radius);
|
||||
border-color: var(--kb-border);
|
||||
@@ -85,16 +88,13 @@
|
||||
}
|
||||
|
||||
.kb-app-product__link,
|
||||
.kb-app-version-list a,
|
||||
.kb-app-page-list a {
|
||||
border-radius: 11px;
|
||||
}
|
||||
|
||||
.kb-app-product__link:hover,
|
||||
.kb-app-version-list a:hover,
|
||||
.kb-app-page-list a:hover,
|
||||
.kb-app-product.is-active > .kb-app-product__link,
|
||||
.kb-app-version-list li.is-active > a,
|
||||
.kb-app-page-list li.is-active > a {
|
||||
background: rgba(0, 167, 230, 0.12);
|
||||
color: var(--kb-primary-shade);
|
||||
@@ -113,6 +113,7 @@
|
||||
border-right-color: var(--kb-border);
|
||||
}
|
||||
|
||||
.kb-version-switcher select,
|
||||
.kb-sidebar select {
|
||||
border-radius: 11px;
|
||||
font-family: var(--kb-font-body);
|
||||
|
||||
Reference in New Issue
Block a user