Merge branch 'latest' into delete-most-watched-data

bbc · Nov 14, 2024 · 2d2f655 · 2d2f655
2 parents 2b04db3 + 0a3c774
commit 2d2f655
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 1 deletion.
diff --git a/...nux-x64-gnu-npm-14.2.10-c8787ddfc6-10.zip → ...-darwin-x64-npm-14.2.10-a1396b1353-10.zip b/...nux-x64-gnu-npm-14.2.10-c8787ddfc6-10.zip → ...-darwin-x64-npm-14.2.10-a1396b1353-10.zip
diff --git a/.yarn/cache/fsevents-patch-6b67494872-10.zip b/.yarn/cache/fsevents-patch-6b67494872-10.zip
diff --git a/ws-nextjs-app/pages/[service]/live/[id]/Header/index.tsx b/ws-nextjs-app/pages/[service]/live/[id]/Header/index.tsx
@@ -52,7 +52,13 @@ const Header = ({
               : styles.textContainerWithoutImage
           }
         >
-          <Heading size="trafalgar" level={1} id="content" tabIndex={-1}>
+          <Heading
+            size="trafalgar"
+            level={1}
+            id="content"
+            tabIndex={-1}
+            css={styles.heading}
+          >
             {showLiveLabel ? (
               <LiveLabelHeader isHeaderImage={isHeaderImage}>
                 {Title}

diff --git a/ws-nextjs-app/pages/[service]/live/[id]/Header/styles.tsx b/ws-nextjs-app/pages/[service]/live/[id]/Header/styles.tsx
@@ -11,6 +11,12 @@ export default {
         borderBottom: `solid ${pixelsToRem(1)}rem transparent`,
       },
     }),
+  heading: () =>
+    css({
+      '&:focus': {
+        outline: 'none',
+      },
+    }),
   backgroundContainer: () =>
     css({
       position: 'absolute',

diff --git a/ws-nextjs-app/pages/[service]/live/[id]/__snapshots__/live.test.tsx.snap b/ws-nextjs-app/pages/[service]/live/[id]/__snapshots__/live.test.tsx.snap
@@ -87,6 +87,10 @@ exports[`Live Page creates snapshot of the live page 1`] = `
   }
 }
 
+.emotion-5:focus {
+  outline: none;
+}
+
 .emotion-6 {
   display: block;
   color: #FEFEFE;