diff --git a/build/.pa11yci.json b/build/.pa11yci.json index 303c6ba75c..7d2b1e7180 100644 --- a/build/.pa11yci.json +++ b/build/.pa11yci.json @@ -5,7 +5,7 @@ "runners": [ "axe" ], - "hideElements": ".bd-search, [id*='tarteaucitron'], #TableOfContents, .text-primary, .accordion-button:not(.collapsed), .active, [aria-current], select:disabled, [disabled] label, [disabled] + label, .modal, .bd-example nav, .badge.rounded-pill.bg-info.text-white, .exclude-from-pa11y-analysis, a.disabled, .form-check.form-switch, .nav-tabs .nav-item .nav-link.disabled", + "hideElements": "[id*='tarteaucitron'], #TableOfContents, .text-primary, .accordion-button:not(.collapsed), .active, [aria-current], select:disabled, [disabled] label, [disabled] + label, .modal, .bd-example nav, .badge.rounded-pill.bg-info.text-white, .exclude-from-pa11y-analysis, a.disabled, .form-check.form-switch, .nav-tabs .nav-item .nav-link.disabled, body > div.position-fixed:last-of-type", "ignore": [ "heading-order", "scrollable-region-focusable" diff --git a/scss/_navbar.scss b/scss/_navbar.scss index eded19a850..68dc09a6d4 100644 --- a/scss/_navbar.scss +++ b/scss/_navbar.scss @@ -453,13 +453,6 @@ display: none; } - ////////////////////////////////////////////////////////////////////////////// - ////////////////////////////////////////////////////////////////////////////// - ////////////////////////////////////////////////////////////////////////////// - // TODO: Is it really useful in Boosted? - ////////////////////////////////////////////////////////////////////////////// - ////////////////////////////////////////////////////////////////////////////// - ////////////////////////////////////////////////////////////////////////////// .offcanvas { // stylelint-disable declaration-no-important position: static; diff --git a/site/assets/js/code-examples.js b/site/assets/js/code-examples.js index 27f0625a46..222da1ce13 100644 --- a/site/assets/js/code-examples.js +++ b/site/assets/js/code-examples.js @@ -18,15 +18,6 @@ const btnTitle = 'Copy to clipboard' const btnEdit = 'Edit on StackBlitz' - // //////////////////////////////////////////////////////// - // //////////////////////////////////////////////////////// - // //////////////////////////////////////////////////////// - // TODO: Bootstrap can remove width, height and - // fill="currentColor" of ', diff --git a/site/assets/scss/_boosted.scss b/site/assets/scss/_boosted.scss index ef302f1f04..9fcbb51408 100644 --- a/site/assets/scss/_boosted.scss +++ b/site/assets/scss/_boosted.scss @@ -125,17 +125,6 @@ body { } } -// Docs table -.table-guidelines { - tr { - border: 0; - } - - th { - vertical-align: middle; - } -} - // "Added in vX.Y.Z" areas // stylelint-disable-next-line selector-max-class, selector-no-qualifying-type small.d-inline-flex.px-2.py-1.font-monospace.text-muted.border.rounded-3 { diff --git a/site/assets/scss/_clipboard-js.scss b/site/assets/scss/_clipboard-js.scss index 0c98c22e92..ca69c820f3 100644 --- a/site/assets/scss/_clipboard-js.scss +++ b/site/assets/scss/_clipboard-js.scss @@ -27,13 +27,6 @@ border: 0; @include border-radius(.25rem); - //////////////////////////////////////////////////////// - //////////////////////////////////////////////////////// - //////////////////////////////////////////////////////// - // TODO: see if we can't use a btn-* class instead - //////////////////////////////////////////////////////// - //////////////////////////////////////////////////////// - //////////////////////////////////////////////////////// &:hover { color: $primary; } @@ -53,28 +46,10 @@ .btn-clipboard { position: relative; z-index: 2; - //////////////////////////////////////////////////////// - //////////////////////////////////////////////////////// - //////////////////////////////////////////////////////// - // TODO: check all cases - // TODO: see if we can't use $border-something - // TODO: px >>> rem - //////////////////////////////////////////////////////// - //////////////////////////////////////////////////////// - //////////////////////////////////////////////////////// - margin-top: 2px; // Boosted mod - margin-right: 2px; // Boosted mod + margin-top: $border-width; // Boosted mod + margin-right: $border-width; // Boosted mod } -//////////////////////////////////////////////////////// -//////////////////////////////////////////////////////// -//////////////////////////////////////////////////////// -// Boosted mod: removed it in favor of using utility classes -// in shortcodes > example.html -//////////////////////////////////////////////////////// -//////////////////////////////////////////////////////// -//////////////////////////////////////////////////////// - /* .highlight-toolbar { .btn-clipboard { margin-top: 0; diff --git a/site/assets/scss/_component-examples.scss b/site/assets/scss/_component-examples.scss index a79018fc5e..4cc5fe3a85 100644 --- a/site/assets/scss/_component-examples.scss +++ b/site/assets/scss/_component-examples.scss @@ -4,10 +4,10 @@ .bd-example-snippet { border: solid $gray-400; // Boosted mod: change border color - border-width: 1px 0; + border-width: map-get($border-widths, 1) 0; @include media-breakpoint-up(md) { - border-width: 1px; + border-width: map-get($border-widths, 1); } } @@ -18,7 +18,7 @@ padding: var(--bd-example-padding); margin: 0 ($bd-gutter-x * -.5); border: solid $gray-400; // Boosted mod: change border color - border-width: 1px 0; + border-width: map-get($border-widths, 1) 0; @include clearfix(); @include media-breakpoint-up(md) { @@ -26,14 +26,14 @@ margin-right: 0; margin-left: 0; - border-width: 1px; + border-width: map-get($border-widths, 1); @include border-top-radius(var(--bs-border-radius)); } + .bd-code-snippet { @include border-top-radius(0); border: solid $gray-400; // Boosted mod: change border color - border-width: 0 1px 1px; + border-width: 0 map-get($border-widths, 1) map-get($border-widths, 1); } + p { @@ -82,7 +82,7 @@ // List groups > .list-group { - max-width: 400px; + max-width: 25rem; } > [class*="list-group-horizontal"] { @@ -118,7 +118,7 @@ padding-top: .75rem; padding-bottom: .75rem; background-color: rgba(var(--bd-violet-rgb), .1); - border: 1px solid rgba(var(--bd-violet-rgb), .25); + border: map-get($border-widths, 1) solid rgba(var(--bd-violet-rgb), .25); } .bd-example-row .row + .row, @@ -133,12 +133,12 @@ .bd-example-flex div { background-color: rgba($bd-purple, .15); - border: 1px solid rgba($bd-purple, .15); + border: map-get($border-widths, 1) solid rgba($bd-purple, .15); } // Grid mixins .example-container { - width: 800px; + width: 50rem; @include make-container(); } @@ -201,7 +201,7 @@ .offcanvas { position: static; display: block; - height: 200px; + height: 12.5rem; visibility: visible; transform: translate(0); } @@ -220,10 +220,10 @@ // scss-docs-start custom-popovers .custom-popover { - --bs-popover-max-width: 200px; + --bs-popover-max-width: 12.5rem; --bs-popover-border-color: var(--bs-primary); --bs-popover-header-bg: var(--bs-primary); - --bs-popover-header-color: var(--bs-white); + --bs-popover-header-color: var(--bs-black); // Boosted mod: text-dark on primary --bs-popover-body-padding-x: 1rem; --bs-popover-body-padding-y: .5rem; } @@ -231,21 +231,21 @@ // Scrollspy demo on fixed height div .scrollspy-example { - height: 200px; + height: 12.5rem; margin-top: .5rem; overflow: auto; } .scrollspy-example-2 { - height: 350px; + height: 21.875rem; overflow: auto; } -.simple-list-example-scrollspy { - .active { - background-color: rgba(var(--bd-violet-rgb), .15); - } +// Boosted mod +.simple-list-example-scrollspy .active { + color: var(--#{$prefix}link-hover-color); } +// End mod .bd-example-border-utils { [class^="border"] { @@ -274,7 +274,7 @@ padding: 2rem; .position-relative { - height: 200px; + height: 12.5rem; background-color: #f5f5f5; } @@ -305,7 +305,7 @@ // Toasts .bd-example-toasts { - min-height: 240px; + min-height: 15rem; } // @@ -366,5 +366,5 @@ .highlight-toolbar { background-color: $gray-100; // Boosted mod: change background color instead of using .bg-light border: solid $gray-400; // Boosted mod: change border color - border-width: 1px 0; + border-width: map-get($border-widths, 1) 0; } diff --git a/site/assets/scss/_content.scss b/site/assets/scss/_content.scss index d621da483f..719f35d477 100644 --- a/site/assets/scss/_content.scss +++ b/site/assets/scss/_content.scss @@ -101,13 +101,6 @@ fill: currentcolor; } -///////////////////////////////////////////////////////////////// -///////////////////////////////////////////////////////////////// -///////////////////////////////////////////////////////////////// -// TODO: test into Bootstrap if there's not a conflict with .icon-link in features.css -///////////////////////////////////////////////////////////////// -///////////////////////////////////////////////////////////////// -///////////////////////////////////////////////////////////////// .icon-link { display: flex; align-items: center; @@ -116,18 +109,11 @@ backface-visibility: hidden; .bi { - width: 1.5em; - height: 1.5em; + width: .75em; // Boosted mod + height: .75em; // Boosted mod transition: .2s ease-in-out transform; // stylelint-disable-line property-disallowed-list } - ///////////////////////////////////////////////////////////////// - ///////////////////////////////////////////////////////////////// - ///////////////////////////////////////////////////////////////// - // TODO: Do we keep this animation in Boosted? - ///////////////////////////////////////////////////////////////// - ///////////////////////////////////////////////////////////////// - ///////////////////////////////////////////////////////////////// &:hover { .bi { transform: translate3d(5px, 0, 0); diff --git a/site/assets/scss/_layout.scss b/site/assets/scss/_layout.scss index 7f39ff1da5..72fa4f3e90 100644 --- a/site/assets/scss/_layout.scss +++ b/site/assets/scss/_layout.scss @@ -1,12 +1,11 @@ -/////////////////////////////////////////////// -/////////////////////////////////////////////// -/////////////////////////////////////////////// -// TODO: check me! Not sure what's the purpose of --bs-gutter-x -/////////////////////////////////////////////// -/////////////////////////////////////////////// -/////////////////////////////////////////////// .bd-gutter { - --bs-gutter-x: #{$bd-gutter-x}; + --bs-gutter-x: #{$bd-gutter-x * 2}; // Boosted mod: changed value + + // Boosted mod + @include media-breakpoint-up(md) { + --bs-gutter-x: #{$bd-gutter-x * 4}; + } + // End mod } .bd-layout { @@ -26,7 +25,7 @@ grid-area: main; @include media-breakpoint-down(lg) { - max-width: 760px; + // Boosted mod: no max-width margin-inline: auto; } diff --git a/site/assets/scss/_masthead.scss b/site/assets/scss/_masthead.scss index 4f7dbde5a3..2f5ff2c248 100644 --- a/site/assets/scss/_masthead.scss +++ b/site/assets/scss/_masthead.scss @@ -3,10 +3,7 @@ padding: 3rem 0; // Boosted mod: no gradient background image - h1 { - @include font-size(4rem); - line-height: 1; - } + // Boosted mod: no extra h1 rule .lead { @include font-size(1rem); @@ -20,14 +17,15 @@ } .highlight { - padding: .5rem 4rem .5rem 1rem; + // Boosted mod + padding: .72rem 4rem .5rem 1rem; line-height: 1.25; background-color: rgba(var(--bs-body-color-rgb), .075); @include border-radius(.5rem); + // End mod } - .btn-clipboard { - margin-top: .4rem; + margin-top: .5rem; background-color: transparent; } @@ -71,12 +69,4 @@ } } -/////////////////////////////////////////////////////////// -/////////////////////////////////////////////////////////// -/////////////////////////////////////////////////////////// -// Boosted mod: no .masthead-followup-svg // Boosted mod: no .masthead-notice -// TODO: check if it's the case in Bootstrap as well -/////////////////////////////////////////////////////////// -/////////////////////////////////////////////////////////// -/////////////////////////////////////////////////////////// diff --git a/site/assets/scss/_navbar.scss b/site/assets/scss/_navbar.scss index 44fd06c6eb..80fbed1d97 100644 --- a/site/assets/scss/_navbar.scss +++ b/site/assets/scss/_navbar.scss @@ -1,31 +1,14 @@ -///////////////////////////////////////////////////////////////////////////////// -///////////////////////////////////////////////////////////////////////////////// -///////////////////////////////////////////////////////////////////////////////// -// TODO: check all those rules but normally we wouldn't need anything in this file -///////////////////////////////////////////////////////////////////////////////// -///////////////////////////////////////////////////////////////////////////////// -///////////////////////////////////////////////////////////////////////////////// .bd-navbar { // Boosted mod: no padding - background-color: transparent; + // Boosted mod: no background-color // Boosted mod: no background-image // Boosted mod: no box-shadow - // Boosted mod: no .navbar-toggler - - // Boosted mod - .navbar-nav.flex-row { - @include media-breakpoint-down(lg) { - border-top: 1px solid #666; - } - } - // End mod - // Boosted mod: no .navbar-brand - .navbar-toggler, - .nav-link { - display: block; // Boosted mod: no padding, no color + // Boosted mod: no .navbar-toggler + .nav-link { // Boosted mod: Needed since the dropdowns define their own color (could be removed once they are tackled) + // Boosted mod: no display, no padding, no color &:hover, &:focus { @@ -33,7 +16,7 @@ } &.active { - font-weight: 600; + // Boosted mod: no font-weight color: var(--#{$prefix}link-hover-color); // Boosted mod } } @@ -58,4 +41,12 @@ background-position: right $dropdown-item-padding-x top .75rem; // Boosted mod background-size: .75rem .75rem; } + + // Boosted mod: Specificity + .navbar-nav.flex-row { + @include media-breakpoint-down(lg) { + border-top: 1px solid #666; + } + } + // End mod } diff --git a/site/assets/scss/_search.scss b/site/assets/scss/_search.scss index be44305c05..414179c819 100644 --- a/site/assets/scss/_search.scss +++ b/site/assets/scss/_search.scss @@ -10,7 +10,7 @@ .DocSearch-Container { --docsearch-hit-shadow: none; - z-index: 1030; + z-index: 1100; } .DocSearch-Button { @@ -26,14 +26,14 @@ box-shadow: unset; .DocSearch-Search-Icon { - color: $primary; + color: var(--#{$prefix}link-hover-color); } } &:focus { border-radius: 0; // stylelint-disable-line property-disallowed-list - outline: $primary solid 2px; - outline-offset: 6px; + outline: var(--#{$prefix}link-hover-color) solid $outline-width; + outline-offset: .375rem; // replace when focus will be active box-shadow: unset; } @@ -51,9 +51,29 @@ } .DocSearch-Search-Icon { - width: 25px; - height: 25px; - stroke-width: 2.5; + width: 1.875rem; + height: 1.875rem; + stroke-width: 2; +} + +.DocSearch-Form { + box-shadow: $gray-500 0 0 0 .125rem inset; + + &:focus-within { + box-shadow: $black 0 0 0 .125rem inset; + } +} + +.DocSearch-Input:focus { + outline: 0; +} + +.DocSearch-Reset { + border-radius: 0; // stylelint-disable-line property-disallowed-list + + &:focus { + outline: var(--#{$prefix}link-hover-color) solid $outline-width; + } } .DocSearch-Cancel { @@ -65,7 +85,7 @@ } .DocSearch-Commands-Key { - background-color: $white; + background-color: var(--#{$prefix}white); } .DocSearch-Hits { @@ -79,6 +99,6 @@ } .DocSearch-Hit { - padding-top: 10px; + padding-top: .625rem; } // End mod diff --git a/site/assets/scss/_sidebar.scss b/site/assets/scss/_sidebar.scss index d242ccdc4f..a31d9e2899 100644 --- a/site/assets/scss/_sidebar.scss +++ b/site/assets/scss/_sidebar.scss @@ -35,14 +35,7 @@ .bd-links-link { padding: .1875rem .5rem; margin-top: .125rem; - ////////////////////////////////////////////////////////////////////////////// - ////////////////////////////////////////////////////////////////////////////// - ////////////////////////////////////////////////////////////////////////////// - // TODO: adapt this rule after having changed the size of icons - ////////////////////////////////////////////////////////////////////////////// - ////////////////////////////////////////////////////////////////////////////// - ////////////////////////////////////////////////////////////////////////////// - margin-left: 1.125rem; // Boosted mod: changed value + margin-left: 1.375rem; // Boosted mod: changed value color: rgba($black, .65); text-decoration: if($link-decoration == none, null, none); @@ -52,3 +45,9 @@ font-weight: 600; } } + +// Boosted mod +.bd-links-heading svg { + font-size: 1.5625rem; +} +// End mod diff --git a/site/assets/scss/_subnav.scss b/site/assets/scss/_subnav.scss index 095801b4ff..8d0309f2bb 100644 --- a/site/assets/scss/_subnav.scss +++ b/site/assets/scss/_subnav.scss @@ -1,49 +1,8 @@ // Boosted mod: doesn't exist anymore in Bootstrap -////////////////////////////////////////////////////////////////////////////////////////// -////////////////////////////////////////////////////////////////////////////////////////// -////////////////////////////////////////////////////////////////////////////////////////// -// TODO: clean up and remove useless rules in this file -////////////////////////////////////////////////////////////////////////////////////////// -////////////////////////////////////////////////////////////////////////////////////////// -////////////////////////////////////////////////////////////////////////////////////////// - .bd-subnavbar { - --bs-gutter-x: $bd-gutter-x; - --bs-gutter-y: $bd-gutter-x; - --bs-navbar-toggler-icon-bg: #{escape-svg($navbar-light-toggler-icon-bg-small)}; // Boosted mod - - // The position and z-index are needed for the dropdown to stay on top of the content - position: relative; - z-index: $zindex-dropdown; // Boosted mod: goes under the navbar + dropdown. - + // The z-index is needed for the dropdown to stay on top of the content + z-index: $zindex-dropdown - 1; // goes under the navbar + dropdown. background-color: rgba($white, .95); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05), inset 0 -1px 0 rgba(0, 0, 0, .15); - - .dropdown-menu { - @include font-size(.875rem); - box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .05); - } - - .dropdown-item.current { - font-weight: 600; - background-image: escape-svg($dropdown-active-icon); - background-repeat: no-repeat; - background-position: right $dropdown-item-padding-x top .6rem; - background-size: .75rem .75rem; - } - - ////////////////////////////////////////////////////////////////////////////////////////// - ////////////////////////////////////////////////////////////////////////////////////////// - ////////////////////////////////////////////////////////////////////////////////////////// - // TODO: since it is always displayed when there's a burger menu we should be able to - // get rid of this @include (not its content which would become the default) - ////////////////////////////////////////////////////////////////////////////////////////// - ////////////////////////////////////////////////////////////////////////////////////////// - ////////////////////////////////////////////////////////////////////////////////////////// - @include media-breakpoint-up(md) { - position: sticky; - top: 60px; // Boosted mod: change value - z-index: 1000; // Boosted mod: add a z-index value - } } diff --git a/site/assets/scss/_toc.scss b/site/assets/scss/_toc.scss index 481f1b79d6..d88a960713 100644 --- a/site/assets/scss/_toc.scss +++ b/site/assets/scss/_toc.scss @@ -49,30 +49,14 @@ .bd-toc-toggle { display: flex; align-items: center; + border-width: 1px; // Boosted mod @include media-breakpoint-down(sm) { justify-content: space-between; width: 100%; } - @include media-breakpoint-down(md) { - border: 1px solid $border-color; - @include border-radius(.4rem); - - &:hover, - &:focus, - &:active, - &[aria-expanded="true"] { - color: currentcolor; // Boosted mod - background-color: var(--bs-gray-100); // Boosted mod - border-color: currentcolor; // Boosted mod - } - - &:focus, - &[aria-expanded="true"] { - box-shadow: 0 0 0 3px rgba(var(--bd-violet-rgb), .25); - } - } + // Boosted mod: no md+ breakpoint } .bd-toc-collapse { diff --git a/site/assets/scss/_variables.scss b/site/assets/scss/_variables.scss index ab285c9648..17d8bf1df5 100644 --- a/site/assets/scss/_variables.scss +++ b/site/assets/scss/_variables.scss @@ -7,7 +7,7 @@ $bd-purple-light: lighten(saturate($bd-purple, 5%), 45%); // stylelint-disable- // Boosted mod: no $bd-accent $dropdown-active-icon: $form-check-input-checked-bg-image; // Boosted mod -$bd-gutter-x: 3rem; +$bd-gutter-x: .625rem; // Boosted mod $bd-callout-variants: info, warning, danger !default; :root { diff --git a/site/content/docs/5.1/components/footer.md b/site/content/docs/5.1/components/footer.md index a0e6bc7463..52b61f8772 100644 --- a/site/content/docs/5.1/components/footer.md +++ b/site/content/docs/5.1/components/footer.md @@ -5,6 +5,7 @@ description: Documentation and examples for a powerful and responsive Boosted's group: components aliases: "/docs/5.1/components/footer/" toc: true +added: "5.2" --- ## How it works diff --git a/site/content/docs/5.1/components/navbar.md b/site/content/docs/5.1/components/navbar.md index 25ed10d2d8..7a3505de4a 100644 --- a/site/content/docs/5.1/components/navbar.md +++ b/site/content/docs/5.1/components/navbar.md @@ -523,14 +523,113 @@ Sometimes you want to use the collapse plugin to trigger a container element for When you do this, we recommend including additional JavaScript to move the focus programmatically to the container when it is opened. Otherwise, keyboard users and users of assistive technologies will likely have a hard time finding the newly revealed content - particularly if the container that was opened comes *before* the toggler in the document's structure. We also recommend making sure that the toggler has the `aria-controls` attribute, pointing to the `id` of the content container. In theory, this allows assistive technology users to jump directly from the toggler to the container it controls–but support for this is currently quite patchy. - - - - - - - - +### Offcanvas + +Transform your expanding and collapsing navbar into an offcanvas drawer with the [offcanvas component]({{< docsref "/components/offcanvas" >}}). We extend both the offcanvas default styles and use our `.navbar-expand-*` classes to create a dynamic and flexible navigation sidebar. + +In the example below, to create an offcanvas navbar that is always collapsed across all breakpoints, omit the `.navbar-expand-*` class entirely. + +{{< example >}} +
+ +
+
+
Offcanvas
+ +
+
+ + +
+
+
+ +{{< /example >}} + +To create an offcanvas navbar that expands into a normal navbar at a specific breakpoint like `lg`, use `.navbar-expand-lg`. + +```html + +``` + +When using offcanvas in a dark navbar, be aware that you may need to have a dark background on the offcanvas content to avoid the text becoming illegible. In the example below, we add `.navbar-dark` and `.bg-dark` to the `.navbar`, `.text-bg-dark` to the `.offcanvas`, `.dropdown-menu-dark` to `.dropdown-menu`, and `.btn-close-white` to `.btn-close` for proper styling with a dark offcanvas. + +{{< example >}} + +{{< /example >}} ## CSS diff --git a/site/content/docs/5.1/components/sticker.md b/site/content/docs/5.1/components/sticker.md index 6fb4c34d1f..847cba3a6e 100644 --- a/site/content/docs/5.1/components/sticker.md +++ b/site/content/docs/5.1/components/sticker.md @@ -4,6 +4,7 @@ title: Sticker description: Use Boosted's custom stickers to inform people about new offers. group: components toc: true +added: "5.2" --- ## Example diff --git a/site/content/docs/5.1/components/title-bars.md b/site/content/docs/5.1/components/title-bars.md index 03b1dba76c..3d6015d132 100644 --- a/site/content/docs/5.1/components/title-bars.md +++ b/site/content/docs/5.1/components/title-bars.md @@ -4,6 +4,7 @@ title: Title bars description: Documentation and examples for Boosted's exclusive Brand responsive title bars. group: components toc: true +added: "5.2" --- ## How it works diff --git a/site/content/docs/5.1/forms/quantity-selector.md b/site/content/docs/5.1/forms/quantity-selector.md index ea8e473e9a..cc381a9759 100644 --- a/site/content/docs/5.1/forms/quantity-selector.md +++ b/site/content/docs/5.1/forms/quantity-selector.md @@ -4,6 +4,7 @@ title: Quantity selector description: Use our custom quantity selector in forms for incremental and decremental display of small numbers. group: forms toc: true +added: "5.2" --- ## Default @@ -104,4 +105,4 @@ const myQuantitySelector = document.getElementById('inputQuantitySelector') myQuantitySelector.addEventListener('change', () => { // do something... }) -``` \ No newline at end of file +``` diff --git a/site/data/sidebar.yml b/site/data/sidebar.yml index a739aa6840..e87024d6b7 100644 --- a/site/data/sidebar.yml +++ b/site/data/sidebar.yml @@ -97,8 +97,8 @@ - title: Spinners - title: Stepped process - title: Sticker - - title: Toasts - title: Title bars + - title: Toasts - title: Tooltips - title: Helpers diff --git a/site/layouts/_default/docs.html b/site/layouts/_default/docs.html index 454acb0754..224736049e 100644 --- a/site/layouts/_default/docs.html +++ b/site/layouts/_default/docs.html @@ -1,7 +1,4 @@ {{ define "main" }} - - {{ partial "docs-subnav" }} -