Staging (#294)

* jekyll redirect from * Organizations rev (#262) * Organizations revisions initial commit. * API doc updates * Fix absolute link causing build failure. * Add import to org article, and downstream order changes. * Bitwarden 101 videos: 1st steps toward proliferating these throughout /help. * Added 'Create Your Account' article, which references B101 Videos. * About SSO redirect & promote importing for orgs up the list * Create Org FAQs & trim Feature FAQs accordingly. * Image for Org FAQs * Move 'About the Business Portal' to Orgs category, and re-order accordingly. * Final edits. * Dchoi/bootstrap upgrade (#264) * bootstrap 4 upgrade and cleanup update gulp tasks * bootstrap package updates * renaming file convention * general outline of help outline * bitwarden help cleanup * article cleanup * article general styling complete * bootstrap help page upgrades * sidebar updates * Dchoi/bootstrap upgrade (#267) * bootstrap 4 upgrade and cleanup update gulp tasks * bootstrap package updates * renaming file convention * general outline of help outline * bitwarden help cleanup * article cleanup * article general styling complete * bootstrap help page upgrades * sidebar updates * toc dynamic and more updates * fix callout conditions * sidebar collapse functionality added * sidebar header toggle functionality * sidebar article fixes * Update sidebar.html Fix sidebar Release Notes link. * Update releasenotes.md Remove unnecessary category tag. * Delete release-notes.md Remove unnecessary category. * Update why-choose-bitwarden-for-your-team.md Test table image differentiation * Update why-choose-bitwarden-for-your-team.md Second image differentiation test * removed links from category breadcrumb and replaced with badges Co-authored-by: fred_the_tech_writer <69817454+fschillingeriv@users.noreply.github.com>
2025-12-06 00:03:30 +00:00 · 2020-11-13 14:23:00 -08:00
parent ad353e2cf6
commit 80a0b17ac6
115 changed files with 5096 additions and 2674 deletions
--- a/_scss/_sidebar.scss
+++ b/_scss/_sidebar.scss
@@ -0,0 +1,111 @@
+.bd-sidebar {
+    order: 0;
+    background-color: $light;
+    border-bottom: 1px solid rgba(0, 0, 0, .1);
+
+    @include media-breakpoint-up(md) {
+        @supports (position: sticky) {
+            position: sticky;
+            top: 4rem;
+            z-index: 1000;
+            height: subtract(100vh, 4rem);
+        }
+        border-right: 1px solid rgba(0, 0, 0, .1);
+    }
+
+    @include media-breakpoint-up(xl) {
+        flex: 0 1 320px;
+    }
+}
+
+.bd-links {
+    margin-right: -15px;
+    margin-left: -15px;
+
+    @include media-breakpoint-up(md) {
+        display: block !important;
+        padding-top: 1rem;
+        padding-bottom: 1rem;
+
+        @supports (position: sticky) {
+            max-height: subtract(100vh, 4rem);
+            overflow-y: auto;
+        }
+    }
+}
+
+.bd-sidenav {
+    li {
+        width: 100%;
+    }
+}
+
+.bd-toc-link {
+    display: flex;
+    align-items: center;
+    padding: .25rem 1.5rem;
+    font-weight: 600;
+    color: rgba(0, 0, 0, .65);
+    transition: all 0.5s ease;
+
+    &:hover {
+        color: rgba(0, 0, 0, .85);
+        text-decoration: none;
+    }
+
+    &[aria-expanded="true"] {
+        .fa-chevron-down {
+            transform: rotate(180deg);
+        }
+    }
+}
+
+.bd-toc-item {
+    border-top: 1px solid $border-color;
+    padding: 0.5rem 0;
+
+    &:first-child {
+        border-top: 0;
+    }
+
+    &.active {
+        padding-bottom: 1.5rem;
+
+        &:not(:first-child) {
+            padding-top: 1rem;
+        }
+
+        > .bd-toc-link {
+            color: rgba(0, 0, 0, .85);
+
+            &:hover {
+                background-color: transparent;
+            }
+        }
+    }
+}
+
+.bd-sidebar .nav {
+    > li > a {
+        border-left: 2px solid transparent;
+        display: block;
+        margin: .25rem 1.5rem;
+        padding-left: 1rem;
+        @include font-size(90%);
+        color: rgba(0, 0, 0, .65);
+
+        &:hover {
+            background-color: transparent;
+            color: $primary;
+            text-decoration: none;
+        }
+    }
+
+    > .active > a,
+    > .active:hover > a {
+        font-weight: 600;
+        color: $primary;
+        background-color: transparent;
+        border-left-color: $primary;
+    }
+}