Skip to content

Allow dynamic height on Tag manager preview #477

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

Merged

Conversation

korve
Copy link
Contributor

@korve korve commented May 4, 2022

Description:

This commit adds a feature that makes the preview bar of the tag manager vertically resizable. It adds a handle with which the user can adjust the height of the bar. The height is also saved in a cookie and restored when reloading the preview site.

I've implemented this because i had massive problems using the preview mode on my daily job. I never had enough real estate to view all tags, triggers etc. I hope this makes the preview bar more usable.

See the following video to get a idea of what this commit provides.

resizable-preview-bar.mp4

Review

korve added 2 commits May 3, 2022 17:54
This commit adds a feature that makes the preview bar of the tag manager vertically resizable. It adds a handle with which the user can adjust the height of the bar. The height is also saved in a cookie and restored when reloading the preview site.
@AltamashShaikh
Copy link
Contributor

@korve Thanks for the PR seems to work as expected.

@AltamashShaikh
Copy link
Contributor

@tsteur Can you have a look once?

@tsteur
Copy link
Member

tsteur commented May 5, 2022

@AltamashShaikh I didn't review the code but from a UX perspective that works for me 👍 nice feature @korve and thanks a lot for the contribution 🎉 .

They only thing I was wondering if should maybe keep a higher min-height of the debug window to make sure some portion of it is always visible? Otherwise people might by accident change the min height, and then it's barely visible and they are thinking it's not shown at all anymore when in fact it is. That could reduce some possible frustrations and support emails.

@AltamashShaikh
Copy link
Contributor

@korve can we limit the resize to a certain height to make it always visible ?

@korve
Copy link
Contributor Author

korve commented May 5, 2022

@korve can we limit the resize to a certain height to make it always visible ?

Yep, i'll look into it.

@korve
Copy link
Contributor Author

korve commented May 15, 2022

I think i've managed to limit the height. Currently it's set to 10% of the viewport.

I had to implement some feature testing to support IE < 11. Specifically pointerdown and pointermove events are not supported and also setPointerCapture is not supported which allows capturing mousemove events outside the browser window.

Copy link
Contributor

@AltamashShaikh AltamashShaikh left a comment

Choose a reason for hiding this comment

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

@korve Looks good 👍

@AltamashShaikh AltamashShaikh merged commit b10354a into matomo-org:4.x-dev May 16, 2022
@korve korve deleted the tag-manager-preview-dynamic-height branch May 16, 2022 07:16
@justinvelluppillai justinvelluppillai changed the title Tag manager preview dynamic height Allow dynamic height on Tag manager preview Jul 8, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants