Skip to content
This repository has been archived by the owner on Aug 13, 2023. It is now read-only.

Fix FireFox High Contrast Mode for Radio Schedule #3324

Merged
merged 12 commits into from
Apr 6, 2020
Merged

Fix FireFox High Contrast Mode for Radio Schedule #3324

Show file tree
Hide file tree
Changes from 4 commits
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
d858fc0
Fix high contrast mode
OlgaLyubin Apr 1, 2020
bfb10fd
Update snapshots
OlgaLyubin Apr 1, 2020
75170d8
Bump up radio schedules version
OlgaLyubin Apr 1, 2020
6947ff2
Merge branch 'latest' into fix-ff-high-contrast
OlgaLyubin Apr 1, 2020
aaa2edd
Update packages/components/psammead-radio-schedule/CHANGELOG.md
OlgaLyubin Apr 1, 2020
e583490
Resolve conflicts
OlgaLyubin Apr 1, 2020
55ba31c
Change border to outline
OlgaLyubin Apr 2, 2020
04ad6ea
Fix contrast mode in FF
OlgaLyubin Apr 2, 2020
2967774
Remove border in high contrast
OlgaLyubin Apr 3, 2020
d77b06f
Resolve conflicts
OlgaLyubin Apr 3, 2020
187cade
Merge branch 'latest' into fix-ff-high-contrast
OlgaLyubin Apr 6, 2020
f43b82d
Merge branch 'latest' into fix-ff-high-contrast
OlgaLyubin Apr 6, 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
1 change: 1 addition & 0 deletions packages/components/psammead-radio-schedule/CHANGELOG.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,7 @@
<!-- prettier-ignore -->
| Version | Description |
|---------|-------------|
| 0.1.0-alpha.28 | [PR#xxxx](https://github.com/bbc/psammead/pull/xxxx) Fix Duration border on FireFox High Contrast Mode |
OlgaLyubin marked this conversation as resolved.
Show resolved Hide resolved
| 0.1.0-alpha.27 | [PR#3309](https://github.com/bbc/psammead/pull/3309) Fix Program Card styling |
| 0.1.0-alpha.26 | [PR#3312](https://github.com/bbc/psammead/pull/3312) Fix `ProgramCard` border on Windows High Contrast Mode |
| 0.1.0-alpha.25 | [PR#3302](https://github.com/bbc/psammead/pull/3302) Fix radio schedules duration formatting |
Expand Down
2 changes: 1 addition & 1 deletion packages/components/psammead-radio-schedule/package-lock.json
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion packages/components/psammead-radio-schedule/package.json
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@bbc/psammead-radio-schedule",
"version": "0.1.0-alpha.27",
"version": "0.1.0-alpha.28",
"main": "dist/index.js",
"module": "esm/index.js",
"sideEffects": false,
Expand Down
5 changes: 5 additions & 0 deletions ...ages/components/psammead-radio-schedule/src/ProgramCard/__snapshots__/index.test.jsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -122,6 +122,7 @@ exports[`ProgramCard should render correctly for live 1`] = `
line-height: 1rem;
padding: 0.5rem;
background-color: #B80000;
outline: 0.0625rem solid transparent;
color: #FFFFFF;
}

Expand Down Expand Up @@ -394,6 +395,7 @@ exports[`ProgramCard should render correctly for next 1`] = `
line-height: 1rem;
padding: 0.5rem;
background-color: #FFFFFF;
outline: 0.0625rem solid transparent;
color: #11708C;
}

Expand Down Expand Up @@ -682,6 +684,7 @@ exports[`ProgramCard should render correctly for onDemand 1`] = `
line-height: 1rem;
padding: 0.5rem;
background-color: #222222;
outline: 0.0625rem solid transparent;
color: #FFFFFF;
}

Expand Down Expand Up @@ -955,6 +958,7 @@ exports[`ProgramCard should render correctly in RTL 1`] = `
line-height: 1rem;
padding: 0.5rem;
background-color: #222222;
outline: 0.0625rem solid transparent;
color: #FFFFFF;
}

Expand Down Expand Up @@ -1226,6 +1230,7 @@ exports[`ProgramCard should render correctly without summary 1`] = `
line-height: 1rem;
padding: 0.5rem;
background-color: #B80000;
outline: 0.0625rem solid transparent;
color: #FFFFFF;
}

Expand Down
1 change: 1 addition & 0 deletions packages/components/psammead-radio-schedule/src/ProgramCard/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -86,6 +86,7 @@ const ButtonWrapper = styled.div`
${({ script }) => script && getMinion(script)};
padding: ${GEL_SPACING};
background-color: ${({ backgroundColor }) => backgroundColor};
outline: 0.0625rem solid transparent;
color: ${({ durationColor }) => durationColor};
@media screen and (-ms-high-contrast: active) {
background-color: transparent;
Expand Down
6 changes: 6 additions & 0 deletions packages/components/psammead-radio-schedule/src/__snapshots__/index.test.jsx.snap
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -163,6 +163,7 @@ exports[`RadioSchedule should render ltr radio schedules correctly 1`] = `
line-height: 1rem;
padding: 0.5rem;
background-color: #B80000;
outline: 0.0625rem solid transparent;
color: #FFFFFF;
}

Expand All @@ -174,6 +175,7 @@ exports[`RadioSchedule should render ltr radio schedules correctly 1`] = `
line-height: 1rem;
padding: 0.5rem;
background-color: #222222;
outline: 0.0625rem solid transparent;
color: #FFFFFF;
}

Expand All @@ -185,6 +187,7 @@ exports[`RadioSchedule should render ltr radio schedules correctly 1`] = `
line-height: 1rem;
padding: 0.5rem;
background-color: #FFFFFF;
outline: 0.0625rem solid transparent;
color: #11708C;
}

Expand Down Expand Up @@ -1262,6 +1265,7 @@ exports[`RadioSchedule should render rtl radio schedules correctly 1`] = `
line-height: 1rem;
padding: 0.5rem;
background-color: #B80000;
outline: 0.0625rem solid transparent;
color: #FFFFFF;
}

Expand All @@ -1273,6 +1277,7 @@ exports[`RadioSchedule should render rtl radio schedules correctly 1`] = `
line-height: 1rem;
padding: 0.5rem;
background-color: #222222;
outline: 0.0625rem solid transparent;
color: #FFFFFF;
}

Expand All @@ -1284,6 +1289,7 @@ exports[`RadioSchedule should render rtl radio schedules correctly 1`] = `
line-height: 1rem;
padding: 0.5rem;
background-color: #FFFFFF;
outline: 0.0625rem solid transparent;
color: #11708C;
}

Expand Down