Merge branch 'main' into release/v25.0

Author: raphael-istari

themes/hugo-docs/layouts/shortcodes/tab.html

@@ -1,3 +1,3 @@
 <div class="tab-pane" title="{{ upper (.Get 0) }}">
-  {{ .Inner }}
+  {{ .Inner | markdownify }}
 </div>

themes/hugo-docs/static/css/tabs.css

@@ -1,5 +1,6 @@
 .tabs .nav-tabs {
   border-bottom: none;
+  padding: 0;
 }
 
 .nav-tabs > li {
@@ -12,7 +13,6 @@
   border-bottom: none;
   border-top-left-radius: 4px;
   border-top-right-radius: 4px;
-  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.0625);
   background: #fff;
 }
 
@@ -25,10 +25,17 @@
   padding: 0.5em 0.75em;
   border: 1px solid #ddd;
   border-radius: 4px;
-  box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.0625);
   background: #fff;
 }
 
+.tab-content > .tab-pane {
+  display: none;
+}
+
+.tab-content > .tab-pane.active {
+  display: block;
+}
+
 .nav-tabs li a {
   /* position: relative; */
   color: #232323;
@@ -38,3 +45,22 @@
   /* position: relative; */
   color: #bd4147;
 }
+
+/* Dark mode support */
+.dark-blog .tabs .nav-tabs > li {
+  background: #2a2a2a;
+  border-color: #444;
+}
+
+.dark-blog .tabs .tab-content {
+  background: #2a2a2a;
+  border-color: #444;
+}
+
+.dark-blog .nav-tabs li a {
+  color: #e0e0e0;
+}
+
+.dark-blog .nav-tabs li.active a {
+  color: #ef265a;
+}

themes/hugo-docs/static/css/theme.css

@@ -2734,7 +2734,11 @@ body:not(.dark-blog) .single-footer .legal-notices-wrap:hover .legal-notices {
 }
 
 .tab-content>.tab-pane {
-  display: block !important;
+  display: none;
+}
+
+.tab-content>.tab-pane.active {
+  display: block;
 }
 
 @media all and (max-width: 1024px) {

themes/hugo-docs/static/js/dgraph.js

@@ -405,30 +405,48 @@ function setAlgolia(latestVersion) {
   });
 }
 $(document).ready(function () {
+  // Initialize tabs: create nav items from tab panes
   $(".tab-content")
     .find(".tab-pane")
     .each(function (idx, item) {
       const navTabs = $(this).closest(".tabs").find(".nav-tabs");
       const title = $(this).attr("title");
-      navTabs.append(`<li><a href="#">${title}</a></li>`);
+      navTabs.append(`<li><a href="#" role="button" tabindex="0">${title}</a></li>`);
     });
 
+  // Set first tab as active in each tab group
   $(".tabs ul.nav-tabs").each(function () {
     $(this).find("li:first").addClass("active");
   });
 
+  // Set first pane as active in each tab group
   $(".tabs .tab-content").each(function () {
     $(this).find("div:first").addClass("active");
   });
 
-  $(".nav-tabs a").click(function (e) {
+  // Use event delegation for tab switching (works even if tabs are added dynamically)
+  $(document).on("click", ".nav-tabs a", function (e) {
     e.preventDefault();
-    const tab = $(this).parent();
+    e.stopPropagation();
+    const tab = $(this).parent("li");
     const tabIndex = tab.index();
     const tabPanel = $(this).closest(".tabs");
     const tabPane = tabPanel.find(".tab-pane").eq(tabIndex);
-    tabPanel.find(".active").removeClass("active");
+    
+    // Remove active class from all tabs and panes in this group
+    tabPanel.find(".nav-tabs li").removeClass("active");
+    tabPanel.find(".tab-pane").removeClass("active");
+    
+    // Add active class to clicked tab and corresponding pane
     tab.addClass("active");
     tabPane.addClass("active");
   });
+
+  // Also support keyboard navigation (Enter/Space)
+  $(document).on("keydown", ".nav-tabs a", function (e) {
+    if (e.key === "Enter" || e.key === " ") {
+      e.preventDefault();
+      $(this).click();
+    }
+  });
 });