Skip to content
This repository was archived by the owner on Mar 4, 2020. It is now read-only.

fix(List): make headerMedia visible for screen readers #772

Merged
layershifter merged 5 commits into from
Jan 28, 2019
Merged

fix(List): make headerMedia visible for screen readers #772

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
ece0b9e
fix(List): make `headerMedia` visible for screen readers
layershifter Jan 25, 2019
106b91f
Merge branch 'master' of https://github.com/stardust-ui/react into fi…
layershifter Jan 25, 2019
b3eeb73
add entry
layershifter Jan 25, 2019
0627e07
Merge branches 'fix/hovered-item' and 'master' of https://github.com/…
layershifter Jan 28, 2019
16110fa
Merge branch 'master' into fix/hovered-item
layershifter Jan 28, 2019
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
3 changes: 3 additions & 0 deletions CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,9 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
- Add `loading` prop for `Dropdown` @layershifter ([#729](https://github.com/stardust-ui/react/pull/729))
- Export `close` icon in Teams theme @alinais ([#774](https://github.com/stardust-ui/react/pull/774))

### Fixes
- Make `headerMedia` visible for screen readers in `ListItem` @layershifter ([#772](https://github.com/stardust-ui/react/pull/772))

<!--------------------------------[ v0.18.0 ]------------------------------- -->
## [v0.18.0](https://github.com/stardust-ui/react/tree/v0.18.0) (2019-01-24)
[Compare changes](https://github.com/stardust-ui/react/compare/v0.17.0...v0.18.0)
Expand Down
3 changes: 2 additions & 1 deletion src/themes/teams/components/List/listItemStyles.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
import { pxToRem } from '../../../../lib'
import { screenReaderContainerStyles } from '../../../../lib/accessibility/Styles/accessibilityStyles'
import { ComponentSlotStylesInput, ICSSInJSStyle } from '../../../types'
import { ListItemProps, ListItemState } from '../../../../components/List/ListItem'

Expand All @@ -13,7 +14,7 @@ const selectableHoverStyle = (p: ListItemPropsAndState, v): ICSSInJSStyle => ({
'& .ui-item-layout__content': { color: 'inherit' },

// hide the header media and content media on hover
'& .ui-item-layout__headerMedia': { display: 'none', color: 'inherit' },
'& .ui-item-layout__headerMedia': { ...screenReaderContainerStyles, color: 'inherit' },
'& .ui-item-layout__contentMedia': { display: 'none', color: 'inherit' },

// show the end media on hover
Expand Down