diff --git a/docs/assets/scss/_sidebar.scss b/docs/assets/scss/_sidebar.scss index e2465e805a..1c541b66e5 100644 --- a/docs/assets/scss/_sidebar.scss +++ b/docs/assets/scss/_sidebar.scss @@ -69,6 +69,66 @@ padding-bottom: 1rem; } +// Docsearch overrides +// +// `!important` indicates overridden properties. +.algolia-autocomplete { + // Menu container + .ds-dropdown-menu { + width: 100%; + min-width: 0 !important; + max-width: none !important; + box-shadow: 0 .5rem 1rem rgba(0,0,0,.175); + + // Caret + &::before { + left: 1rem !important; + } + } + + // Section header + .algolia-docsearch-suggestion--subcategory-column { + float: none !important; + width: auto !important; + padding: 0 !important; + text-align: left !important; + } + + .algolia-docsearch-suggestion--content { + float: none !important; + width: auto !important; + padding: 0 !important; + + // Vertical divider between column header and content + &::before { + display: none !important; + } + } + + .ds-suggestion { + .algolia-docsearch-suggestion--subcategory-column { + display: none !important; + } + } + + .algolia-docsearch-footer { + display: none !important; + } + + .algolia-docsearch-suggestion--highlight { + color: #5f2dab; + background-color: rgba(154, 132, 187, .12); + } + + .algolia-docsearch-suggestion--text .algolia-docsearch-suggestion--highlight { + box-shadow: inset 0 -2px 0 0 rgba(95, 45, 171, .8) !important; + } + + .ds-suggestion.ds-cursor .algolia-docsearch-suggestion--content { + background-color: rgba(208, 189, 236, .12) !important; + } +} + .bd-sidenav { display: none; }