diff --git a/lib/docs/index.html b/lib/docs/index.html index 76233c6376..ecc0b54538 100644 --- a/lib/docs/index.html +++ b/lib/docs/index.html @@ -117,6 +117,48 @@ overflow: visible; } + .sidebar ul.guides-api-switch { + display: flex; + flex-direction: row; + justify-content: center; + text-align: center; + list-style-type: none; + margin: 0; + padding: 0; + } + + .sidebar .guides-api-switch a { + display: block; + padding: 0.5rem 1rem; + color: var(--sidebar-pkglnk-tx-color); + background-color: var(--sidebar-pkglnk-bg-color); + border: 1px solid var(--tx-color); + } + + + #ApiSwitch { + border-radius: 10px 0 0 10px; + } + + #guideSwitch { + border-radius: 0 10px 10px 0; + } + + + #ApiSwitch:hover, #guideSwitch:hover { + text-decoration: none; + } + + #ApiSwitch:hover:not(.active), #guideSwitch:hover:not(.active) { + color: var(--sidebar-pkglnk-tx-color-hover); + background-color: var(--sidebar-pkglnk-bg-color-hover); + } + + .sidebar .guides-api-switch .active { + color: var(--sidebar-pkglnk-tx-color-active); + background-color: var(--sidebar-pkglnk-bg-color-active); + } + .sidebar h2 { margin: 0.5rem; padding: 0; @@ -157,6 +199,14 @@ font-family: var(--mono); } + #guides { + padding: 1rem 0.7rem 2.4rem 1.4rem; + box-sizing: border-box; + font-size: 1rem; + background-color: var(--bg-color); + overflow-wrap: break-word; + } + /* docs section */ .docs { padding: 1rem 0.7rem 2.4rem 1.4rem; @@ -643,28 +693,42 @@ -