Skip to content

PB-471 : add floating mode for tooltip#815

Merged
pakb merged 7 commits intodevelopfrom
feat_PB-471_floating_tooltip_part_2
May 23, 2024
Merged

PB-471 : add floating mode for tooltip#815
pakb merged 7 commits intodevelopfrom
feat_PB-471_floating_tooltip_part_2

Conversation

@pakb
Copy link
Contributor

@pakb pakb commented May 1, 2024

@cypress
Copy link

cypress bot commented May 1, 2024

Passing run #2276 ↗︎

0 206 20 0 Flakiness 0

Details:

PB-471 : PR review
Project: web-mapviewer Commit: 24d7b1b44a
Status: Passed Duration: 04:46 💡
Started: May 23, 2024 12:38 PM Ended: May 23, 2024 12:43 PM

Review all test suite changes for PR #815 ↗︎

@pakb pakb force-pushed the feat_PB-471_floating_tooltip branch from 5495cd3 to 9f2a197 Compare May 2, 2024 06:16
@pakb pakb force-pushed the feat_PB-471_floating_tooltip_part_2 branch 2 times, most recently from e491187 to f6d2e44 Compare May 2, 2024 06:28
@pakb pakb force-pushed the feat_PB-471_floating_tooltip branch from 9f2a197 to 45c748c Compare May 2, 2024 06:38
@pakb pakb force-pushed the feat_PB-471_floating_tooltip_part_2 branch from f6d2e44 to c8d6a4b Compare May 2, 2024 06:38
@pakb pakb force-pushed the feat_PB-471_floating_tooltip branch from 45c748c to 5819e4b Compare May 2, 2024 09:52
@pakb pakb force-pushed the feat_PB-471_floating_tooltip_part_2 branch from c8d6a4b to ceff221 Compare May 2, 2024 09:52
Base automatically changed from feat_PB-471_floating_tooltip to develop May 2, 2024 10:06
@pakb pakb force-pushed the feat_PB-471_floating_tooltip_part_2 branch 3 times, most recently from f3b1953 to 8c621f8 Compare May 7, 2024 09:32
@pakb pakb marked this pull request as ready for review May 7, 2024 09:55
@pakb pakb requested review from ltkum and ltshb May 7, 2024 09:56
Copy link
Contributor

@ltkum ltkum left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks pretty good to me. Quick question:
When switching from floating to fixed, then to floating again, it doesn't keep the previous position. Same with reloading the page.
Do we want, in the future, to allow people to have the floating tooltip position be something they can share ?

It seems to work and I don't think I've seen anything problematic in the code, but I would just make a quick e2e test to see if we can move the infobox.

@pakb pakb force-pushed the feat_PB-471_floating_tooltip_part_2 branch from 8c621f8 to ce27066 Compare May 7, 2024 11:31
Copy link
Contributor

@ltshb ltshb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A quick first impression looks good, here already a few details. I'll do the full review later on.

@pakb pakb force-pushed the feat_PB-471_floating_tooltip_part_2 branch 3 times, most recently from d7370c5 to f347afe Compare May 14, 2024 12:45
ltshb added a commit that referenced this pull request May 15, 2024
The issue with the modal is that the user loose its content when clicking outside
of the modal !

Once the PR #815 is done we can make the window movable.
ltshb added a commit that referenced this pull request May 15, 2024
The issue with the modal is that the user loose its content when clicking outside
of the modal !

Once the PR #815 is done we can make the window movable.
@pakb pakb force-pushed the feat_PB-471_floating_tooltip_part_2 branch from f347afe to d0134d1 Compare May 16, 2024 06:57
@pakb pakb requested review from ltkum and ltshb May 16, 2024 12:14
@pakb pakb force-pushed the feat_PB-471_floating_tooltip_part_2 branch from 692289b to c4c8871 Compare May 16, 2024 13:18
Copy link
Contributor

@ltkum ltkum left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

A few things I noticed while using the tooltip :

  • When moving around, the tooltip follows, but when reducing the size of the window, the tooltip stays where it was. This means that if we reduce the window enough to hide the tooltip, we no longer have a tooltip shown, even when clicking on new features.
  • I had one instance where I wasn't able to drop the tooltip after dragging it. It lasted 5-6 seconds, and I think it's most certainly a local issue with my computer, but mentioning it here in the case someone else encounter the same issue and it turns out it's not a computer issue.
  • It could be interesting (maybe more a post prod element) to try to position the tooltip the first time out of the selection. If someone selects a feature on the top right corner, we could move the tooltip slightly to show it, and if it's not possible (for example : someone selects the whole map), we simply put it in its default position
  • Do we want to be able to remember the tooltip position ? Right now, if I press the 'move to footer' button by accident and want to get my tooltip back, I'll need to manually move it to the previous position after making it a floating tooltip again. And if I want to share a link to someone, I might be thinking the position of the tooltip is shared too. I think we can keep this idea for a post prod discussion.

Copy link
Contributor

@ltshb ltshb left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Some small issues:

  • Cursor when hovering the floating window title we should have the move cursor
  • When hovering an item in the list of features we should have the pointer cursor showing that it is clickable (issue already present before)
    image
  • Show profile is not very intuitive and have several issue that we might want at best discuss offline and fix in separate PR.

@pakb pakb force-pushed the feat_PB-471_floating_tooltip_part_2 branch 2 times, most recently from 48ba9ee to 806f325 Compare May 23, 2024 10:13
@pakb pakb requested a review from ltshb May 23, 2024 10:57
pakb added 6 commits May 23, 2024 14:28
and activate it by default on desktop, with a button to let the user go back to the "sticky to feature" mode
Swapping the infobox minimize/expand button to caret based icons, and add a minimize/expand button to map popover

Removing the button to change the popup mode (attached to feature or floating) and only show the tooltip as floating (even in drawing mode)
Shuffle the popup button to have the print "at the border" (will be removed for go-live)

Filling the infobox entirely even if there's only one "set" of features

Share networks : find a way to have them in one line in location popup, using a grid box to wrap (if necessary) instead of a flexbox, more resilient to wrapping
Placing it depending on mobile/desktop drawing elements, and adding checks at tooltip mount to make sure it is within the given limits.

Exporting a bunch of extra SCSS variable and gathering them all in a single JS file to ease their imports down the line.

Adding a bit of padding while editing a feature in the infobox (UI was glued to the border of the screen otherwise...)
as we want to test a profile edit, a very narrow screen (small height) is very cluttered and cannot really be tester properly
add a bit more padding to the edit feature in the infobox (matching the padding of the floating tooltip)
force cursor to be a pointer over the feature list headers
@pakb pakb force-pushed the feat_PB-471_floating_tooltip_part_2 branch from 806f325 to 24d7b1b Compare May 23, 2024 12:35
@pakb pakb merged commit 44c5885 into develop May 23, 2024
@pakb pakb deleted the feat_PB-471_floating_tooltip_part_2 branch May 23, 2024 12:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants