diff --git a/src/css/search.css b/src/css/search.css index 1840abc..90b69e0 100644 --- a/src/css/search.css +++ b/src/css/search.css @@ -1,187 +1,533 @@ -.nav-panel-search { - margin: 2rem 0 0 0; - padding: 1rem 1.25rem 1rem 0.75rem; - border-radius: 0; - border-bottom: 0 solid var(--nav-border-color); +#search-bar-input { + color: #333; + font-family: inherit; + font-size: 0.95rem; + border: 1px solid #dbdbdb; + border-radius: 0.1em; + line-height: 1.5; + padding: 0.25em 0.5em; + width: 100%; +} + +.searchbox { + display: inline-block; position: relative; - display: flex; - justify-content: flex-start; + width: 200px; + height: 32px !important; + white-space: nowrap; + box-sizing: border-box; + visibility: visible !important; +} + +.searchbox .meilisearch-autocomplete { + display: block; + width: 100%; + height: 100%; +} + +.searchbox__wrapper { + width: 100%; + height: 100%; + z-index: 999; + position: relative; +} + +.searchbox__input { + display: inline-block; + box-sizing: border-box; + transition: box-shadow 0.4s ease, background 0.4s ease; + border: 0; + border-radius: 16px; + box-shadow: inset 0 0 0 1px #ccc; + background: #fff !important; + padding: 0 26px 0 32px; + width: 100%; + height: 100%; + vertical-align: middle; + white-space: normal; + font-size: 12px; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.searchbox__input::-webkit-search-cancel-button, +.searchbox__input::-webkit-search-decoration, +.searchbox__input::-webkit-search-results-button, +.searchbox__input::-webkit-search-results-decoration { + display: none; +} + +.searchbox__input:hover { + box-shadow: inset 0 0 0 1px #b3b3b3; } -.nav-panel-brand + .nav-panel-search { +.searchbox__input:active, +.searchbox__input:focus { + outline: 0; + box-shadow: inset 0 0 0 1px #aaa; + background: #fff; +} + +.searchbox__input::-moz-placeholder { + color: #aaa; +} + +.searchbox__input:-ms-input-placeholder { + color: #aaa; +} + +.searchbox__input::placeholder { + color: #aaa; +} + +.searchbox__submit { + position: absolute; + top: 0; margin: 0; - padding: 1rem 1.25rem 1rem 0.75rem; + border: 0; + border-radius: 16px 0 0 16px; + background-color: rgba(69, 142, 225, 0); + padding: 0; + width: 32px; + height: 100%; + vertical-align: middle; + text-align: center; + font-size: inherit; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + right: inherit; + left: 0; } -.navbar-brand .navbar-item.search { - flex-grow: 1; - justify-content: flex-end; +.searchbox__submit::before { + display: inline-block; + margin-right: -4px; + height: 100%; + vertical-align: middle; + content: ""; } -@media screen and (min-width: 1024px) { - .navbar-brand { - flex-grow: 1; - } +.searchbox__submit:active, +.searchbox__submit:hover { + cursor: pointer; +} - .navbar-menu { - flex-grow: 0; - } +.searchbox__submit:focus { + outline: 0; } -#search-input { - color: #333; - font-family: inherit; - font-size: 0.95rem; - border: 1px solid #dbdbdb; - border-radius: 0.1em; - line-height: 1.5; - padding: 0.25em 0.5em; - width: 100%; +.searchbox__submit svg { + width: 14px; + height: 14px; + vertical-align: middle; + fill: #6d7e96; } -@media screen and (min-width: 769px) { - #search-input { - width: 250px; +.searchbox__reset { + display: block; + position: absolute; + top: 8px; + right: 8px; + margin: 0; + border: 0; + background: none; + cursor: pointer; + padding: 0; + font-size: inherit; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + fill: rgba(0, 0, 0, 0.5); +} + +.searchbox__reset.hide { + display: none; +} + +.searchbox__reset:focus { + outline: 0; +} + +.searchbox__reset svg { + display: block; + margin: 4px; + width: 8px; + height: 8px; +} + +.searchbox__input:valid ~ .searchbox__reset { + display: block; + -webkit-animation-name: sbx-reset-in; + animation-name: sbx-reset-in; + -webkit-animation-duration: 0.15s; + animation-duration: 0.15s; +} + +@-webkit-keyframes sbx-reset-in { + 0% { + transform: translate3d(-20%, 0, 0); + opacity: 0; } - .nav-panel-search #search-input { - width: 100%; + to { + transform: none; + opacity: 1; } } -.stork-output-visible { - position: absolute; - z-index: 100; - display: block; - right: 0; - left: inherit; - top: 100%; - border-radius: 0.5rem; +@keyframes sbx-reset-in { + 0% { + transform: translate3d(-20%, 0, 0); + opacity: 0; + } + + to { + transform: none; + opacity: 1; + } +} + +.meilisearch-autocomplete.meilisearch-autocomplete-right .dsb-dropdown-menu { + right: 0 !important; + left: inherit !important; +} + +.meilisearch-autocomplete.meilisearch-autocomplete-right .dsb-dropdown-menu::before { + right: 48px; +} + +.meilisearch-autocomplete.meilisearch-autocomplete-left .dsb-dropdown-menu { + left: 0 !important; + right: inherit !important; +} + +.meilisearch-autocomplete.meilisearch-autocomplete-left .dsb-dropdown-menu::before { + left: 48px; +} + +.meilisearch-autocomplete .dsb-dropdown-menu { + position: relative; + top: -6px; + border-radius: 4px; margin: 6px 0 0; padding: 0; text-align: left; height: auto; - background: 0 0; + background: transparent; border: none; - max-width: 700px; - min-width: 50vw; + z-index: 999; + max-width: 600px; + min-width: 500px; box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.1); } -.nav-panel-search .stork-output-visible { - left: 110%; - top: 0; - right: auto; - border: 1px solid black; +.meilisearch-autocomplete .dsb-dropdown-menu::before { + display: block; + position: absolute; + content: ""; + width: 14px; + height: 14px; + background: #fff; + z-index: 1000; + top: -4px; + border-top: 1px solid #d9d9d9; + border-right: 1px solid #d9d9d9; + transform: rotate(-45deg); border-radius: 2px; } -@media screen and (max-width: 768px) { - .stork-output-visible { - min-width: calc(100vw - 3.75rem); - } +.meilisearch-autocomplete .dsb-dropdown-menu .dsb-suggestions { + position: relative; + z-index: 1000; + margin-top: 8px; +} - .nav-panel-search .stork-output-visible { - left: 0.75rem; - top: 3rem; - right: 1.25rem; - } +.meilisearch-autocomplete .dsb-dropdown-menu .dsb-suggestions a:hover { + text-decoration: none; +} - .nav-panel-search .stork-output-visible.active::after { - display: none; - } +.meilisearch-autocomplete .dsb-dropdown-menu .dsb-suggestion { + cursor: pointer; +} + +.meilisearch-autocomplete .dsb-dropdown-menu .dsb-suggestion.dsb-cursor .docs-searchbar-suggestion.suggestion-layout-simple, +.meilisearch-autocomplete .dsb-dropdown-menu .dsb-suggestion.dsb-cursor .docs-searchbar-suggestion:not(.suggestion-layout-simple) .docs-searchbar-suggestion--content { + background-color: rgba(69, 142, 225, 0.05); } -.search-result-dataset { +.meilisearch-autocomplete .dsb-dropdown-menu [class^=dsb-dataset-] { position: relative; - border: 0 solid #d9d9d9; + border: 1px solid #d9d9d9; background: #fff; border-radius: 4px; overflow: auto; padding: 0 8px 8px; - max-height: calc(100vh - 5.25rem); - color: #333; - box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.25); } -.nav-panel-search .search-result-dataset { - max-height: calc(70vh); +.meilisearch-autocomplete .dsb-dropdown-menu * { + box-sizing: border-box; +} + +.meilisearch-autocomplete .docs-searchbar-suggestion { + display: block; + position: relative; + padding: 0 8px; + background: #fff; + color: #02060c; + overflow: hidden; +} + +.meilisearch-autocomplete .docs-searchbar-suggestion--highlight { + color: #174d8c; + background: rgba(143, 187, 237, 0.1); + padding: 0 0.05em; +} + +.meilisearch-autocomplete .docs-searchbar-suggestion--category-header .docs-searchbar-suggestion--category-header-lvl0 .docs-searchbar-suggestion--highlight, +.meilisearch-autocomplete .docs-searchbar-suggestion--category-header .docs-searchbar-suggestion--category-header-lvl1 .docs-searchbar-suggestion--highlight, +.meilisearch-autocomplete .docs-searchbar-suggestion--text .docs-searchbar-suggestion--highlight { + padding: 0 0 1px; + background-color: yellow; + box-shadow: inset 0 -2px 0 0 rgba(69, 142, 225, 0.8); + color: inherit; } -.nav-panel-search .stork-output-visible.active::after { +.meilisearch-autocomplete .docs-searchbar-suggestion--content { + display: block; + float: right; + width: 70%; + position: relative; + padding: 5.33333px 0 5.33333px 10.66667px; + cursor: pointer; +} + +.meilisearch-autocomplete .docs-searchbar-suggestion--content::before { content: ""; - width: 10px; - height: 20px; position: absolute; - left: -9px; - top: 10px; - background: transparent url(../img/nav-arrow-left.svg) no-repeat center bottom; - background-size: 10px 20px; + display: block; + top: 0; + height: 100%; + width: 1px; + background: #ddd; + left: -1px; } -.search-result-highlight { - color: var(--color-lb-blue); - background: rgba(143, 187, 237, 0.1); - padding: 0.1em 0.05em; +.meilisearch-autocomplete .docs-searchbar-suggestion--category-header { + position: relative; + border-bottom: 1px solid #ddd; + display: none; + margin-top: 8px; + padding: 4px 0; + font-size: 1em; + color: #33363d; } -.search-result-item { - display: flex; - font-size: 1rem; - margin-bottom: 0.5rem; - margin-top: 0.5rem; +.meilisearch-autocomplete .docs-searchbar-suggestion--wrapper { + width: 100%; + float: left; + padding: 8px 0 0; } -.search-result-document-title { - width: 33%; - border-right: 1px solid #ddd; - color: #a4a7ae; - font-size: 0.8rem; - padding: 0.25rem 0.5rem 0.25rem 0; +.meilisearch-autocomplete .docs-searchbar-suggestion--subcategory-column { + float: left; + width: 30%; text-align: right; position: relative; + padding: 5.33333px 10.66667px; + color: #a4a7ae; + font-size: 0.9em; word-wrap: break-word; } -.search-result-document-hit { - flex: 1; - font-size: 0.75em; +.meilisearch-autocomplete .docs-searchbar-suggestion--subcategory-column::before { + content: ""; + position: absolute; + display: block; + top: 0; + height: 100%; + width: 1px; + background: #ddd; + right: 0; +} + +.meilisearch-autocomplete .docs-searchbar-suggestion--subcategory-inline { + display: none; +} + +.meilisearch-autocomplete .docs-searchbar-suggestion--title { + margin-bottom: 4px; color: #02060c; - font-weight: 600; + font-size: 0.9em; + font-weight: 700; } -.search-result-document-hit > a { - color: inherit; +.meilisearch-autocomplete .docs-searchbar-suggestion--text { display: block; - padding: 0.5rem 0 0.5rem 1rem; - margin-bottom: 0.25rem; + line-height: 1.2em; + font-size: 0.85em; + color: #63676d; } -.search-result-document-hit > a:hover { - background-color: rgba(69, 142, 225, 0.05); +.meilisearch-autocomplete .docs-searchbar-suggestion--no-results { + width: 100%; + padding: 8px 0; + text-align: center; + font-size: 1.2em; +} + +.meilisearch-autocomplete .docs-searchbar-suggestion--no-results::before { + display: none; +} + +.meilisearch-autocomplete .docs-searchbar-suggestion code { + padding: 1px 5px; + font-size: 90%; + border: none; + color: #222; + background-color: #ebebeb; + border-radius: 3px; + font-family: Menlo, Monaco, Consolas, Courier New, monospace; } -.stork-result, -.stork-message { - background-color: white; +.meilisearch-autocomplete .docs-searchbar-suggestion code .docs-searchbar-suggestion--highlight { + background: none; } -.stork-close-button, -.stork-wrapper-basic .stork-close-button { - bottom: auto; - right: 1px; +.meilisearch-autocomplete .docs-searchbar-suggestion.docs-searchbar-suggestion__main .docs-searchbar-suggestion--category-header, +.meilisearch-autocomplete .docs-searchbar-suggestion.docs-searchbar-suggestion__secondary { + display: block; +} + +@media (min-width: 768px) { + .meilisearch-autocomplete .docs-searchbar-suggestion .docs-searchbar-suggestion--subcategory-column { + display: block; + } } -.stork-wrapper { +@media (max-width: 768px) { + .meilisearch-autocomplete .docs-searchbar-suggestion .docs-searchbar-suggestion--subcategory-column { + display: inline-block; + width: auto; + text-align: left; + float: left; + padding: 0; + color: #02060c; + font-size: 0.9em; + font-weight: 700; + opacity: 0.5; + } + + .meilisearch-autocomplete .docs-searchbar-suggestion .docs-searchbar-suggestion--subcategory-column::before { + display: none; + } + + .meilisearch-autocomplete .docs-searchbar-suggestion .docs-searchbar-suggestion--subcategory-column::after { + content: "|"; + } + + .meilisearch-autocomplete .docs-searchbar-suggestion .docs-searchbar-suggestion--content { + display: inline-block; + width: auto; + text-align: left; + float: left; + padding: 0; + } + + .meilisearch-autocomplete .docs-searchbar-suggestion .docs-searchbar-suggestion--content::before { + display: none; + } +} + +.meilisearch-autocomplete .suggestion-layout-simple.docs-searchbar-suggestion { + border-bottom: 1px solid #eee; + padding: 8px; + margin: 0; +} + +.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--content { + width: 100%; + padding: 0; +} + +.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--content::before { + display: none; +} + +.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--category-header { + margin: 0; + padding: 0; + display: block; + width: 100%; + border: none; +} + +.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--category-header-lvl0, +.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--category-header-lvl1 { + opacity: 0.6; + font-size: 0.85em; +} + +.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--category-header-lvl1::before { + background-image: url('data:image/svg+xml;utf8,'); + content: ""; + width: 10px; + height: 10px; + display: inline-block; +} + +.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--wrapper { + width: 100%; + float: left; + margin: 0; padding: 0; } -.stork-attribution, -.stork-wrapper-basic .stork-attribution { - background-color: white; +.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--duplicate-content, +.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--subcategory-inline { + display: none !important; +} + +.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--title { + margin: 0; + color: #458ee1; + font-size: 0.9em; + font-weight: 400; +} + +.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--title::before { + content: "#"; + font-weight: 700; + color: #458ee1; + display: inline-block; +} + +.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--text { + margin: 4px 0 0; + display: block; + line-height: 1.4em; + padding: 5.33333px 8px; + background: #f8f8f8; + font-size: 0.85em; + opacity: 0.8; +} + +.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--text .docs-searchbar-suggestion--highlight { + color: #3f4145; + font-weight: 700; + box-shadow: none; +} + +.meilisearch-autocomplete .docs-searchbar-footer { + height: 20px; + z-index: 2000; + margin-top: 10.66667px; + float: right; } -.stork-results { - scrollbar-width: thin; - scrollbar-color: auto; +.meilisearch-autocomplete .docs-searchbar-footer-logo { + vertical-align: middle; } diff --git a/src/css/search2.css b/src/css/search2.css deleted file mode 100644 index 90b69e0..0000000 --- a/src/css/search2.css +++ /dev/null @@ -1,533 +0,0 @@ -#search-bar-input { - color: #333; - font-family: inherit; - font-size: 0.95rem; - border: 1px solid #dbdbdb; - border-radius: 0.1em; - line-height: 1.5; - padding: 0.25em 0.5em; - width: 100%; -} - -.searchbox { - display: inline-block; - position: relative; - width: 200px; - height: 32px !important; - white-space: nowrap; - box-sizing: border-box; - visibility: visible !important; -} - -.searchbox .meilisearch-autocomplete { - display: block; - width: 100%; - height: 100%; -} - -.searchbox__wrapper { - width: 100%; - height: 100%; - z-index: 999; - position: relative; -} - -.searchbox__input { - display: inline-block; - box-sizing: border-box; - transition: box-shadow 0.4s ease, background 0.4s ease; - border: 0; - border-radius: 16px; - box-shadow: inset 0 0 0 1px #ccc; - background: #fff !important; - padding: 0 26px 0 32px; - width: 100%; - height: 100%; - vertical-align: middle; - white-space: normal; - font-size: 12px; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; -} - -.searchbox__input::-webkit-search-cancel-button, -.searchbox__input::-webkit-search-decoration, -.searchbox__input::-webkit-search-results-button, -.searchbox__input::-webkit-search-results-decoration { - display: none; -} - -.searchbox__input:hover { - box-shadow: inset 0 0 0 1px #b3b3b3; -} - -.searchbox__input:active, -.searchbox__input:focus { - outline: 0; - box-shadow: inset 0 0 0 1px #aaa; - background: #fff; -} - -.searchbox__input::-moz-placeholder { - color: #aaa; -} - -.searchbox__input:-ms-input-placeholder { - color: #aaa; -} - -.searchbox__input::placeholder { - color: #aaa; -} - -.searchbox__submit { - position: absolute; - top: 0; - margin: 0; - border: 0; - border-radius: 16px 0 0 16px; - background-color: rgba(69, 142, 225, 0); - padding: 0; - width: 32px; - height: 100%; - vertical-align: middle; - text-align: center; - font-size: inherit; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - right: inherit; - left: 0; -} - -.searchbox__submit::before { - display: inline-block; - margin-right: -4px; - height: 100%; - vertical-align: middle; - content: ""; -} - -.searchbox__submit:active, -.searchbox__submit:hover { - cursor: pointer; -} - -.searchbox__submit:focus { - outline: 0; -} - -.searchbox__submit svg { - width: 14px; - height: 14px; - vertical-align: middle; - fill: #6d7e96; -} - -.searchbox__reset { - display: block; - position: absolute; - top: 8px; - right: 8px; - margin: 0; - border: 0; - background: none; - cursor: pointer; - padding: 0; - font-size: inherit; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - fill: rgba(0, 0, 0, 0.5); -} - -.searchbox__reset.hide { - display: none; -} - -.searchbox__reset:focus { - outline: 0; -} - -.searchbox__reset svg { - display: block; - margin: 4px; - width: 8px; - height: 8px; -} - -.searchbox__input:valid ~ .searchbox__reset { - display: block; - -webkit-animation-name: sbx-reset-in; - animation-name: sbx-reset-in; - -webkit-animation-duration: 0.15s; - animation-duration: 0.15s; -} - -@-webkit-keyframes sbx-reset-in { - 0% { - transform: translate3d(-20%, 0, 0); - opacity: 0; - } - - to { - transform: none; - opacity: 1; - } -} - -@keyframes sbx-reset-in { - 0% { - transform: translate3d(-20%, 0, 0); - opacity: 0; - } - - to { - transform: none; - opacity: 1; - } -} - -.meilisearch-autocomplete.meilisearch-autocomplete-right .dsb-dropdown-menu { - right: 0 !important; - left: inherit !important; -} - -.meilisearch-autocomplete.meilisearch-autocomplete-right .dsb-dropdown-menu::before { - right: 48px; -} - -.meilisearch-autocomplete.meilisearch-autocomplete-left .dsb-dropdown-menu { - left: 0 !important; - right: inherit !important; -} - -.meilisearch-autocomplete.meilisearch-autocomplete-left .dsb-dropdown-menu::before { - left: 48px; -} - -.meilisearch-autocomplete .dsb-dropdown-menu { - position: relative; - top: -6px; - border-radius: 4px; - margin: 6px 0 0; - padding: 0; - text-align: left; - height: auto; - background: transparent; - border: none; - z-index: 999; - max-width: 600px; - min-width: 500px; - box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2), 0 2px 3px 0 rgba(0, 0, 0, 0.1); -} - -.meilisearch-autocomplete .dsb-dropdown-menu::before { - display: block; - position: absolute; - content: ""; - width: 14px; - height: 14px; - background: #fff; - z-index: 1000; - top: -4px; - border-top: 1px solid #d9d9d9; - border-right: 1px solid #d9d9d9; - transform: rotate(-45deg); - border-radius: 2px; -} - -.meilisearch-autocomplete .dsb-dropdown-menu .dsb-suggestions { - position: relative; - z-index: 1000; - margin-top: 8px; -} - -.meilisearch-autocomplete .dsb-dropdown-menu .dsb-suggestions a:hover { - text-decoration: none; -} - -.meilisearch-autocomplete .dsb-dropdown-menu .dsb-suggestion { - cursor: pointer; -} - -.meilisearch-autocomplete .dsb-dropdown-menu .dsb-suggestion.dsb-cursor .docs-searchbar-suggestion.suggestion-layout-simple, -.meilisearch-autocomplete .dsb-dropdown-menu .dsb-suggestion.dsb-cursor .docs-searchbar-suggestion:not(.suggestion-layout-simple) .docs-searchbar-suggestion--content { - background-color: rgba(69, 142, 225, 0.05); -} - -.meilisearch-autocomplete .dsb-dropdown-menu [class^=dsb-dataset-] { - position: relative; - border: 1px solid #d9d9d9; - background: #fff; - border-radius: 4px; - overflow: auto; - padding: 0 8px 8px; -} - -.meilisearch-autocomplete .dsb-dropdown-menu * { - box-sizing: border-box; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion { - display: block; - position: relative; - padding: 0 8px; - background: #fff; - color: #02060c; - overflow: hidden; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion--highlight { - color: #174d8c; - background: rgba(143, 187, 237, 0.1); - padding: 0 0.05em; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion--category-header .docs-searchbar-suggestion--category-header-lvl0 .docs-searchbar-suggestion--highlight, -.meilisearch-autocomplete .docs-searchbar-suggestion--category-header .docs-searchbar-suggestion--category-header-lvl1 .docs-searchbar-suggestion--highlight, -.meilisearch-autocomplete .docs-searchbar-suggestion--text .docs-searchbar-suggestion--highlight { - padding: 0 0 1px; - background-color: yellow; - box-shadow: inset 0 -2px 0 0 rgba(69, 142, 225, 0.8); - color: inherit; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion--content { - display: block; - float: right; - width: 70%; - position: relative; - padding: 5.33333px 0 5.33333px 10.66667px; - cursor: pointer; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion--content::before { - content: ""; - position: absolute; - display: block; - top: 0; - height: 100%; - width: 1px; - background: #ddd; - left: -1px; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion--category-header { - position: relative; - border-bottom: 1px solid #ddd; - display: none; - margin-top: 8px; - padding: 4px 0; - font-size: 1em; - color: #33363d; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion--wrapper { - width: 100%; - float: left; - padding: 8px 0 0; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion--subcategory-column { - float: left; - width: 30%; - text-align: right; - position: relative; - padding: 5.33333px 10.66667px; - color: #a4a7ae; - font-size: 0.9em; - word-wrap: break-word; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion--subcategory-column::before { - content: ""; - position: absolute; - display: block; - top: 0; - height: 100%; - width: 1px; - background: #ddd; - right: 0; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion--subcategory-inline { - display: none; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion--title { - margin-bottom: 4px; - color: #02060c; - font-size: 0.9em; - font-weight: 700; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion--text { - display: block; - line-height: 1.2em; - font-size: 0.85em; - color: #63676d; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion--no-results { - width: 100%; - padding: 8px 0; - text-align: center; - font-size: 1.2em; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion--no-results::before { - display: none; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion code { - padding: 1px 5px; - font-size: 90%; - border: none; - color: #222; - background-color: #ebebeb; - border-radius: 3px; - font-family: Menlo, Monaco, Consolas, Courier New, monospace; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion code .docs-searchbar-suggestion--highlight { - background: none; -} - -.meilisearch-autocomplete .docs-searchbar-suggestion.docs-searchbar-suggestion__main .docs-searchbar-suggestion--category-header, -.meilisearch-autocomplete .docs-searchbar-suggestion.docs-searchbar-suggestion__secondary { - display: block; -} - -@media (min-width: 768px) { - .meilisearch-autocomplete .docs-searchbar-suggestion .docs-searchbar-suggestion--subcategory-column { - display: block; - } -} - -@media (max-width: 768px) { - .meilisearch-autocomplete .docs-searchbar-suggestion .docs-searchbar-suggestion--subcategory-column { - display: inline-block; - width: auto; - text-align: left; - float: left; - padding: 0; - color: #02060c; - font-size: 0.9em; - font-weight: 700; - opacity: 0.5; - } - - .meilisearch-autocomplete .docs-searchbar-suggestion .docs-searchbar-suggestion--subcategory-column::before { - display: none; - } - - .meilisearch-autocomplete .docs-searchbar-suggestion .docs-searchbar-suggestion--subcategory-column::after { - content: "|"; - } - - .meilisearch-autocomplete .docs-searchbar-suggestion .docs-searchbar-suggestion--content { - display: inline-block; - width: auto; - text-align: left; - float: left; - padding: 0; - } - - .meilisearch-autocomplete .docs-searchbar-suggestion .docs-searchbar-suggestion--content::before { - display: none; - } -} - -.meilisearch-autocomplete .suggestion-layout-simple.docs-searchbar-suggestion { - border-bottom: 1px solid #eee; - padding: 8px; - margin: 0; -} - -.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--content { - width: 100%; - padding: 0; -} - -.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--content::before { - display: none; -} - -.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--category-header { - margin: 0; - padding: 0; - display: block; - width: 100%; - border: none; -} - -.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--category-header-lvl0, -.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--category-header-lvl1 { - opacity: 0.6; - font-size: 0.85em; -} - -.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--category-header-lvl1::before { - background-image: url('data:image/svg+xml;utf8,'); - content: ""; - width: 10px; - height: 10px; - display: inline-block; -} - -.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--wrapper { - width: 100%; - float: left; - margin: 0; - padding: 0; -} - -.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--duplicate-content, -.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--subcategory-inline { - display: none !important; -} - -.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--title { - margin: 0; - color: #458ee1; - font-size: 0.9em; - font-weight: 400; -} - -.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--title::before { - content: "#"; - font-weight: 700; - color: #458ee1; - display: inline-block; -} - -.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--text { - margin: 4px 0 0; - display: block; - line-height: 1.4em; - padding: 5.33333px 8px; - background: #f8f8f8; - font-size: 0.85em; - opacity: 0.8; -} - -.meilisearch-autocomplete .suggestion-layout-simple .docs-searchbar-suggestion--text .docs-searchbar-suggestion--highlight { - color: #3f4145; - font-weight: 700; - box-shadow: none; -} - -.meilisearch-autocomplete .docs-searchbar-footer { - height: 20px; - z-index: 2000; - margin-top: 10.66667px; - float: right; -} - -.meilisearch-autocomplete .docs-searchbar-footer-logo { - vertical-align: middle; -} diff --git a/src/css/site.css b/src/css/site.css index c6e031d..062457c 100644 --- a/src/css/site.css +++ b/src/css/site.css @@ -17,4 +17,3 @@ @import "print.css"; @import "search.css"; @import "admonitions.css"; -@import "search2.css"; diff --git a/src/partials/head-scripts.hbs b/src/partials/head-scripts.hbs index 68d4ffe..5db28ba 100644 --- a/src/partials/head-scripts.hbs +++ b/src/partials/head-scripts.hbs @@ -1,34 +1,2 @@ - {{#with site.keys.googleAnalytics}} - - - {{/with}} - - - - - - + diff --git a/src/partials/head-styles.hbs b/src/partials/head-styles.hbs index c3aed19..05967ba 100644 --- a/src/partials/head-styles.hbs +++ b/src/partials/head-styles.hbs @@ -1,4 +1,3 @@ - diff --git a/src/partials/nav-search.hbs b/src/partials/nav-search.hbs deleted file mode 100644 index 1c3b954..0000000 --- a/src/partials/nav-search.hbs +++ /dev/null @@ -1,8 +0,0 @@ -{{#with page.navigation}} - -{{/with}}