1
0
mirror of synced 2025-12-23 03:44:00 -05:00
Files
docs/components/Search.module.scss
Grace Park f19223503a Update Search Version Button to Dropdown (#23465)
* adding to view

* updating the portal location

* add new line

* updating font styling to class

* Update components/Search.tsx

Co-authored-by: Kevin Heis <heiskr@users.noreply.github.com>

* Update components/Search.module.scss

Co-authored-by: Kevin Heis <heiskr@users.noreply.github.com>

* update ItemInput

* using router.replace and import updates

* Update components/Search.tsx

Co-authored-by: Peter Bengtsson <peterbe@github.com>

* run prettier

* Update components/Search.tsx

Co-authored-by: Peter Bengtsson <peterbe@github.com>

Co-authored-by: Kevin Heis <heiskr@users.noreply.github.com>
Co-authored-by: Peter Bengtsson <peterbe@github.com>
2021-12-09 17:56:24 +00:00

54 lines
781 B
SCSS

.resultsContainer mark {
font-weight: bolder;
background: none;
color: inherit;
}
.searchResultContent mark {
font-weight: bolder;
}
.searchResultContent {
max-height: 4rem;
}
.resultsContainerHeader {
width: 0;
border-radius: 0 0 0 4px; // primer rounded-1
transition: width 0.3s ease-in-out;
}
.resultsContainerOpen.resultsContainerHeader {
width: 60vw;
max-width: 48rem;
}
.searchInput {
transition: width 0.3s ease-in-out;
}
.searchInputHeader {
width: 16rem;
}
.headerSearchOpen {
background: var(--color-primer-canvas-backdrop);
}
.searchInputExpanded {
width: 54vw;
max-width: 43rem;
}
.headerSearchResults {
max-height: 80vh;
}
.searchWording {
margin: 0.6rem 0 0.5rem 0.5rem;
}
.selectWording {
margin: 0.64rem 0.5rem 0 0;
}