diff --git a/site/static/css/tabs.css b/site/static/css/tabs.css index 60410a2fec..be981ea368 100644 --- a/site/static/css/tabs.css +++ b/site/static/css/tabs.css @@ -77,3 +77,8 @@ div.code-tabs h2 { div.code-tabs h3 { font-size: 1.1rem !important; } +div.code-tabs h3.backup-tab-title { + font-size: 1.7rem !important; + font-weight: 600; + margin-top: 1.3rem; +} diff --git a/site/static/js/tabs.js b/site/static/js/tabs.js index 88800d84d0..4ff11430ad 100644 --- a/site/static/js/tabs.js +++ b/site/static/js/tabs.js @@ -1,5 +1,6 @@ /* Tabs JS implementation. Borrowed from Skaffold */ function initTabs() { + try{ $('.tab-content').find('.tab-pane').each(function(idx, item) { var navTabs = $(this).closest('.code-tabs').find('.nav-tabs'), title = $(this).attr('title'), @@ -27,7 +28,17 @@ function initTabs() { tab.addClass('active'); tabPane.addClass('active'); }); + } catch(e) { + const elements = document.getElementsByClassName("tab-pane"); + for (let element of elements) { + element.style.display = "block"; + const title = document.createElement("h3"); + title.innerText = element.title; + title.classList.add("backup-tab-title"); + element.prepend(title); + } } +} const getTabSelector = currElement => { let osSelector = '.'+getUserOS();