Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add subtle web hover to interactive rows #5989

Merged
merged 3 commits into from
Oct 29, 2024
Merged

Add subtle web hover to interactive rows #5989

merged 3 commits into from
Oct 29, 2024

Conversation

gaearon
Copy link
Collaborator

@gaearon gaearon commented Oct 29, 2024

Posts and notifications are interactive but we're currently not providing a clue.

This adds a very slight hover to the interactive tap target, similar as on Twitter. Our existing contrast options are too hard so I used a half opacity. Didn't want to add another color value.

Review with no whitespace

hover_lite.mov
dim.mov
dark.mov

Test Plan

Web-only.

Verify posts in feed, posts in threads, posts in search, and different types of notifications.

Verify quotes get nested hover. Highlighted thread post should not get hover.

Note that I did not do this in threaded mode. The markup there is a bit too complex for my brain and I couldn't get the right area to highlight. I think it's fine, we can follow-up if desirable.

Copy link

github-actions bot commented Oct 29, 2024

Old size New size Diff
7.98 MB 7.98 MB 2.13 KB (0.03%)

@arcalinea arcalinea temporarily deployed to subtle-web-hover - social-app PR #5989 October 29, 2024 21:41 — with Render Destroyed
@gaearon gaearon merged commit ba802eb into main Oct 29, 2024
6 checks passed
@gaearon gaearon deleted the subtle-web-hover branch October 29, 2024 21:42
estrattonbailey added a commit that referenced this pull request Oct 31, 2024
* origin/main: (213 commits)
  add Thai Language translation support (#5879)
  fix warning on labeler profile: emoji detected but emoji not enabled (#6011)
  Added blur to search's onPressMenu (#6017)
  React compiler beta and reenable rule (#5898)
  Sort imports (#6009)
  Clarify build instructions (#6008)
  Upgrade all tiptap deps to latest (#5232)
  width full on text container (#6007)
  Bump 1.94.0 (#6006)
  Add subtle web hover to interactive rows (#5989)
  Settings revamp (#5745)
  Show almost-instant preview when opening lightbox (#6000)
  Refactor lightbox model to plain object (#5999)
  temp revert to old modal (#6005)
  Extend composer checks to all posts in a thread (#5955)
  Remove indirection when rendering composer state (#5954)
  Refactor composer state for threads (#5945)
  Disable Post button when empty (#5953)
  fix splash screen (#5997)
  Fix video quality for short videos (#5996)
  ...
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants