Skip to content

Commit

Permalink
A11y/hfp 4115 update summary submit button contrast (#168)
Browse files Browse the repository at this point in the history
* HFP-4115 fix summary submit button contrast

* HFP-4115 increased focus-visible border size so that chrome focus highlight does not completely cover it

* HFP-4115 change border hover color to match background

* HFP-4115 update restart button border width to match submit report button size
  • Loading branch information
devland authored Oct 28, 2024
1 parent badf8a1 commit 2aa22b3
Showing 1 changed file with 3 additions and 2 deletions.
5 changes: 3 additions & 2 deletions src/styles/_summary.scss
Original file line number Diff line number Diff line change
Expand Up @@ -218,10 +218,11 @@
background-color: #0E7C57;
color: #ffffff;
border: 4px solid #0E7C57;
transition: background-color 150ms;
transition: background-color 150ms, border-color 150ms;

&:hover {
background-color: #0c694a;
border-color: #0c694a;
}
}
.h5p-interactive-book-summary-submit:focus-visible {
Expand All @@ -230,7 +231,7 @@

.h5p-interactive-book-summary-restart {
color: #757575;
border: 1px solid #ebebeb;
border: 4px solid #ebebeb;
background-color: #ffffff;
transition: background-color 150ms;

Expand Down

0 comments on commit 2aa22b3

Please sign in to comment.