Page MenuHomePhabricator

[web] introduce navigation sidebar tooltip
ClosedPublic

Authored by ginsu on Dec 15 2023, 12:50 AM.
Tags
None
Referenced Files
Unknown Object (File)
Thu, Apr 18, 5:45 AM
Unknown Object (File)
Mar 1 2024, 9:02 AM
Unknown Object (File)
Feb 28 2024, 1:28 PM
Unknown Object (File)
Feb 28 2024, 5:10 AM
Unknown Object (File)
Feb 28 2024, 3:22 AM
Unknown Object (File)
Feb 19 2024, 5:25 PM
Unknown Object (File)
Feb 19 2024, 2:42 PM
Unknown Object (File)
Feb 19 2024, 2:30 PM
Subscribers

Details

Summary

This diff introduces the navigation sidebar tooltip

For context here is what this looks like on the figma:

Screenshot 2023-12-15 at 3.51.06 AM.png (1×408 px, 102 KB)

Part of https://linear.app/comm/issue/ENG-5948/hovering-over-every-clickable-element-in-this-sidebar-will-have-a

Depends on D10349

Test Plan

Please see screenshot below

Screenshot 2023-12-15 at 3.55.27 AM.png (148×338 px, 12 KB)

Diff Detail

Repository
rCOMM Comm
Lint
Lint Not Applicable
Unit
Tests Not Applicable

Event Timeline

ginsu edited the test plan for this revision. (Show Details)
ginsu added reviewers: atul, rohan, kamil.
ginsu added inline comments.
web/navigation-sidebar/navigation-sidebar-constants.js
3 ↗(On Diff #34694)

When we create tooltips, part of the process is that we need to calculate the size of the tooltip. I will introduce that logic later, but preemptively introducing the values for that now

web/theme.css
388 ↗(On Diff #34694)

This comment is intentional

ginsu requested review of this revision.Dec 15 2023, 1:49 AM
This revision is now accepted and ready to land.Dec 15 2023, 8:17 AM
web/navigation-sidebar/navigation-sidebar-constants.js
3–9 ↗(On Diff #34694)

Are these values from somewhere in our codebase already or did you get them yourself?

web/navigation-sidebar/navigation-sidebar-constants.js
3–9 ↗(On Diff #34694)

Got them from the figma + confirmed with the element inspector. (I inspected the tooltip w/o setting this in style prop.

Also forgot to mention, but I broke the padding by each side so that when we have to calculate the size of the tooltip it will be very clear what is what

This revision was landed with ongoing or failed builds.Dec 15 2023, 12:27 PM
This revision was automatically updated to reflect the committed changes.