/
githubmirror
/
gitness
Обзор
Документация
Войти
/
githubmirror
/
gitness
Код
Запросы
0
Пакеты
0
Релизы
0
Аналитика
Безопасность
main
web/src/components/CodeSearch/KeywordSearch.module.scss
80 строк
2 KB
rajarshee.chatterjee@harness.io
feat: [CODE-1143] Keyword Search UI (#884)
12 дек 2023, 20:36
12 дек 2023, 20:36
f6c228d
Код
Авторство
О чём код?
/* * Copyright 2023 Harness, Inc. * * Licensed under the Apache License, Version 2.0 (the "License"); * you may not use this file except in compliance with the License. * You may obtain a copy of the License at * * http://www.apache.org/licenses/LICENSE-2.0 * * Unless required by applicable law or agreed to in writing, software * distributed under the License is distributed on an "AS IS" BASIS, * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. * See the License for the specific language governing permissions and * limitations under the License. */ .searchModal { --modal-width: min(1254px, 80vw); width: var(--modal-width); padding: var(--spacing-medium) var(--spacing-xlarge) var(--spacing-xlarge); > span:first-of-type { display: none; } .layout { width: 100%; .searchContainer { position: relative; width: 100%; } } .sectionHeader { font-size: 10px !important; font-weight: 600 !important; letter-spacing: 0.237px; color: var(--grey-300) !important; text-transform: uppercase; } .sampleQuery { cursor: pointer; border-radius: 4px; &:hover, &.selected { background-color: var(--grey-100); } } } .searchBox { cursor: pointer; input, input:focus { border: 1px solid var(--grey-200) !important; pointer-events: none; user-select: none; } input { width: 350px !important; } } .backdrop { background-color: rgb(16 22 26 / 25%); } .portal { :global { .bp3-dialog-container.bp3-overlay-content { align-items: flex-start !important; } } }