Skip to content
This repository has been archived by the owner on Jan 4, 2022. It is now read-only.

APPS-2313: CDSS WOA-5 Remediation of ADA compliance violations #40

Merged
merged 16 commits into from
Sep 24, 2020
Merged

APPS-2313: CDSS WOA-5 Remediation of ADA compliance violations #40

Show file tree
Hide file tree
Changes from 6 commits
Commits
Show all changes
16 commits
Select commit Hold shift + click to select a range
68ff980
APPS-2315 provide aria label to LUK Select
bergieboy Sep 21, 2020
20e779f
provides proper contrast between the placeholder text and it's backgr…
bergieboy Sep 21, 2020
e3fa376
APPS-2326 Set `user-scalable` to yes & `maximum-scale` to 5 on meta tag
bergieboy Sep 21, 2020
7ea84df
use LUK Colors and rename fn to getTheme
bergieboy Sep 22, 2020
211800a
oops
bergieboy Sep 22, 2020
de70488
This is singular now
bergieboy Sep 22, 2020
5eb7251
set aria-autocomplete to 'none' on the input element in `react-select`
bergieboy Sep 23, 2020
d870262
bump LUK and add contributor ;)
bergieboy Sep 23, 2020
1c88f90
update package-lock
bergieboy Sep 23, 2020
7b3439e
explanation for yucky assignment of aria attribute
bergieboy Sep 23, 2020
c622c3b
add styles provider
bergieboy Sep 23, 2020
857c2ce
update button to use endIcon
bergieboy Sep 23, 2020
4929776
removed buttons that aren't being used
bergieboy Sep 23, 2020
6765614
replaced InfoButton with LUK Button and styled
bergieboy Sep 23, 2020
7b66942
InfoButton is no more
bergieboy Sep 23, 2020
55df2ad
this needs to happen on render
bergieboy Sep 23, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
13 changes: 13 additions & 0 deletions src/containers/location/providers/LocationSearchBar.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,6 +11,7 @@ import { faSearch } from '@fortawesome/pro-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { Map, isImmutable } from 'immutable';
import {
Colors,
Select,
StyleUtils,
} from 'lattice-ui-kit';
Expand All @@ -33,8 +34,18 @@ import { isNonEmptyString } from '../../../utils/LangUtils';
import { LABELS } from '../../../utils/constants/Labels';
import { STATE, PROVIDERS } from '../../../utils/constants/StateConstants';

const { NEUTRAL } = Colors;
const { media } = StyleUtils;

/* placeholder color needs to be darker to provide more contrast between text and background */
const getTheme = (theme) => ({
...theme,
colors: {
...theme.colors,
neutral50: NEUTRAL.N700
},
});

const Wrapper = styled.div`
width: 100%;
top: 0;
Expand Down Expand Up @@ -120,6 +131,7 @@ const LocationsSearchBar = () => {
return (
<Wrapper>
<Select
aria-label="address"
components={{ GroupHeading }}
filterOption={filterOption}
hideDropdownIcon
Expand All @@ -132,6 +144,7 @@ const LocationsSearchBar = () => {
onInputChange={setAddress}
options={optionsWithMyLocation}
placeholder={renderText(LABELS.ENTER_NAME_ADDRESS_ZIP)}
theme={getTheme}
value={value} />
</Wrapper>
);
Expand Down
2 changes: 1 addition & 1 deletion src/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<title>MyChildCare.ca.gov</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=yes, minimum-scale=1.0, maximum-scale=5.0">
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-118446829-4"></script>
<script>
Expand Down