diff --git a/package.json b/package.json index 0923bfac3a..8644e1021d 100644 --- a/package.json +++ b/package.json @@ -9,7 +9,7 @@ "@craco/craco": "<7", "@formatjs/intl-pluralrules": "^5.2.3", "@openstax/event-capture-client": "^2.0.2", - "@openstax/highlighter": "https://github.com/openstax/highlighter#v1.14.2", + "@openstax/highlighter": "https://github.com/openstax/highlighter#use-mark-dist-branch", "@openstax/open-search-client": "0.1.0-build.7", "@openstax/ts-utils": "1.6.0", "@openstax/ui-components": "https://github.com/openstax/ui-components#1.3.4-post2", diff --git a/src/app/content/components/Page/PageContent.tsx b/src/app/content/components/Page/PageContent.tsx index b780df1100..18c49603f8 100644 --- a/src/app/content/components/Page/PageContent.tsx +++ b/src/app/content/components/Page/PageContent.tsx @@ -109,7 +109,7 @@ export default styled(MainContent)` } @media screen { - &[aria-current] { + &.focus { background-color: ${style.focused}; border-bottom: 0.2rem solid ${style.focusBorder}; padding: 0.2rem 0 0; @@ -138,7 +138,7 @@ export default styled(MainContent)` background-color: #ffea00; } - &[aria-current] { + &.focus { ${SELF_AND_CHILD_MATH_SELECTOR} { background-color: #ff9e4b; padding: 0.2rem 0; diff --git a/yarn.lock b/yarn.lock index 6a3128e605..0324dab9ae 100644 --- a/yarn.lock +++ b/yarn.lock @@ -5133,9 +5133,9 @@ dependencies: uuid "^8.3.2" -"@openstax/highlighter@https://github.com/openstax/highlighter#v1.14.2": - version "1.14.1" - resolved "https://github.com/openstax/highlighter#fcd259e1642e243de6ed95771d0b97249ff2d162" +"@openstax/highlighter@https://github.com/openstax/highlighter#use-mark-dist-branch": + version "1.14.0" + resolved "https://github.com/openstax/highlighter#0ef7228f54270372f7c67da80e716df58fbfc643" dependencies: "@openstax/highlights-client" "0.2.3" change-case "^4.0.0"