1
0
mirror of synced 2025-12-22 03:16:52 -05:00
Files
docs/components/Search.module.scss
Grace Park 47de433865 Accessibility Search updates and additional minor changes (#24136)
* update to use heading markup

* updating to h3 for accessibility

* increase opactiy to meet 5.5:1 color contrast ratio

* update opacity to meet color contrast ratio

* update styling to match original but use heading markup

* remove aria-hidden for accessibility

* add h1 title search results and update scroll tip colors

* add number of matches

* remove no results since we are showing 0 results

* add overflow to fix border bottom on version search

* Update components/Search.tsx

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

* Update components/Search.tsx

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

* incorporating feedback and update padding

Co-authored-by: Peter Bengtsson <peterbe@github.com>
2022-01-07 21:29:49 +00:00

58 lines
830 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;
}
.versionSearchContainer {
overflow: hidden;
}