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.

kb-markdown-importer/assets/css/frontend.css

@@ -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;
+    }
 }