adds hover styling hcm

bbc · Oct 8, 2024 · cf8b96e · cf8b96e
1 parent 5062df3
commit cf8b96e
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/app/components/MediaLoader/Placeholder/index.styles.tsx b/src/app/components/MediaLoader/Placeholder/index.styles.tsx
@@ -1,5 +1,6 @@
 import { css, Theme } from '@emotion/react';
 import NO_JS_CLASSNAME from '#app/lib/noJs.const';
+import pixelsToRem from '#app/utilities/pixelsToRem';
 import { focusIndicatorThickness } from '../../ThemeProvider/focusIndicator';
 
 const styles = {
@@ -21,6 +22,8 @@ const styles = {
         '&:hover, &:focus': {
           '> button': {
             backgroundColor: 'canvas',
+            border: `${pixelsToRem(3)}rem solid canvasText`,
+            '> time': { textDecoration: 'underline' },
           },
         },
       },