Fix styling in MH

openstax · Aug 27, 2024 · 7375997 · 7375997
1 parent d5b5e50
commit 7375997
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 0 deletions.
diff --git a/src/app/content/highlights/components/SummaryPopup/ContextMenu.tsx b/src/app/content/highlights/components/SummaryPopup/ContextMenu.tsx
@@ -51,8 +51,15 @@ const StyledDropdownList = styled(DropdownList)`
   li {
     display: flex;
 
+    button,
     a {
+      border: 0;
       width: 100%;
+
+      :focus,
+      :hover {
+        outline-width: 0;
+      }
     }
   }
 `;

diff --git a/src/app/content/highlights/components/SummaryPopup/__snapshots__/ContextMenu.spec.tsx.snap b/src/app/content/highlights/components/SummaryPopup/__snapshots__/ContextMenu.spec.tsx.snap
@@ -568,10 +568,19 @@ exports[`ContextMenu match snapshot when open 1`] = `
   display: flex;
 }
 
+.c13 li button,
 .c13 li a {
+  border: 0;
   width: 100%;
 }
 
+.c13 li button:focus,
+.c13 li a:focus,
+.c13 li button:hover,
+.c13 li a:hover {
+  outline-width: 0;
+}
+
 .c31 {
   width: 15px;
   height: 15px;