Skip to content

PB-472 : profile in the context of the new floating tooltip#862

Merged
pakb merged 2 commits intodevelopfrom
feat_PB-472_better_profile_infobx
May 31, 2024
Merged

PB-472 : profile in the context of the new floating tooltip#862
pakb merged 2 commits intodevelopfrom
feat_PB-472_better_profile_infobx

Conversation

@pakb
Copy link
Contributor

@pakb pakb commented May 27, 2024

Changes how the profile handles itself when the floating tooltip is active, closing the profile now only unselect the profile feature (and do not close the selected features anymore)

While the feature info is at the bottom, the profile is now shown as an "off-shoot" or second tab of the selected features, taking the whole width of the screen. Adding a "Back" button at the top of the infobox panel to go back to feature details.

Rework of the profile width management so that it doesn't overflow its parent. Also adding a little spacer between each profile information (going Composition API in the process)

Test link

@pakb pakb requested review from ltkum, ltshb and schtibe May 27, 2024 07:24
@cypress
Copy link

cypress bot commented May 27, 2024

Passing run #2370 ↗︎

0 207 20 0 Flakiness 0

Details:

PB-472 : fix mobile profile layout
Project: web-mapviewer Commit: de9bb96095
Status: Passed Duration: 05:52 💡
Started: May 31, 2024 1:07 PM Ended: May 31, 2024 1:12 PM

Review all test suite changes for PR #862 ↗︎

@schtibe
Copy link
Contributor

schtibe commented May 27, 2024

Something that has nothing to do with your PR, but maybe it would be good to fix here: the icons in in the "window bar" of the tooltip don't have a hover tooltip description (only the print icon does).

Also, the close icon has more visual distance from the right border than the description on the left ;)
image

Also, the bottom feature info has icons of different size and style:
image

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.

Hey, from using it a bit :

When choosing to have the feature info at the bottom with the profile, it no longer shows the feature information. I do not know if it is by design, but it did confuse me when using it.

@pakb pakb force-pushed the feat_PB-472_better_profile_infobx branch from 02b4099 to ff67282 Compare May 28, 2024 14:31
@pakb
Copy link
Contributor Author

pakb commented May 29, 2024

Something that has nothing to do with your PR, but maybe it would be good to fix here: the icons in in the "window bar" of the tooltip don't have a hover tooltip description (only the print icon does).

We could have a ticket to fix those little things, but I'd really like a review of the current work in this PR if possible 😉

@pakb pakb force-pushed the feat_PB-472_better_profile_infobx branch from ff67282 to 804065c Compare May 29, 2024 09:56
@pakb pakb requested a review from ltkum May 29, 2024 09:56
@pakb pakb force-pushed the feat_PB-472_better_profile_infobx branch from 804065c to ac2f98c Compare May 30, 2024 12:26
@schtibe
Copy link
Contributor

schtibe commented May 30, 2024

Something that has nothing to do with your PR, but maybe it would be good to fix here: the icons in in the "window bar" of the tooltip don't have a hover tooltip description (only the print icon does).

We could have a ticket to fix those little things, but I'd really like a review of the current work in this PR if possible 😉

Totally fine!

Copy link
Contributor

@schtibe schtibe left a comment

Choose a reason for hiding this comment

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

Looking good to me

v-if="showContainer"
class="infobox card rounded-0 clear-no-ios-long-press"
data-cy="infobox"
@contextmenu.stop
Copy link
Contributor

Choose a reason for hiding this comment

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

Is this needed? It's just a div, where does the event come from?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

that was already there, my linter just made one line for each entry.

I think it's there to not have the context menu when right clicking on the whole Infobox, don't know if it is really useful 🫤

pakb added 2 commits May 31, 2024 15:02
Changes how the profile handles itself when the floating tooltip is active, closing the profile now only unselect the profile feature (and do not close the selected features anymore)

While the feature info is at the bottom, the profile is now shown as an "off-shoot" or second tab of the selected features, taking the whole width of the screen. Adding a "Back" button at the top of the infobox panel to go back to feature details.

Rework of the profile width management so that it doesn't overflow its parent. Also adding a little spacer between each profile information (going Composition API in the process)
using flex column to display both feature detail and profile within the infobox
@pakb pakb force-pushed the feat_PB-472_better_profile_infobx branch from ac2f98c to de9bb96 Compare May 31, 2024 13:02
@pakb pakb merged commit 37ce862 into develop May 31, 2024
@pakb pakb deleted the feat_PB-472_better_profile_infobx branch May 31, 2024 13:12
@cypress cypress bot mentioned this pull request May 31, 2024
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