fix: Mobile hover states make notifications unscrollable

2023-05-20 11:32:05 -04:00
parent ea885133ac
commit ac6047bbb7
10 changed files with 24 additions and 17 deletions
--- a/app/components/DocumentListItem.tsx
+++ b/app/components/DocumentListItem.tsx
@@ -181,8 +181,7 @@ const Actions = styled(EventBoundary)`
  color: ${s("textSecondary")};

  ${NudeButton} {
-    &:hover,
-    &[aria-expanded="true"] {
+    &: ${hover}, &[aria-expanded= "true" ] {
      background: ${s("sidebarControlHoverBackground")};
    }
  }
@@ -234,7 +233,7 @@ const DocumentLink = styled(Link)<{
    ${AnimatedStar} {
      opacity: 0.5;

-      &:hover {
+      &:${hover} {
        opacity: 1;
      }
    }