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

fix: make the privacy dialogue fully visible on smaller screens #359

Merged
merged 3 commits into from
Oct 21, 2024

Conversation

joanise
Copy link
Member

@joanise joanise commented Oct 18, 2024

With a maxHeight of 95vh, we now automatically get a scroll bar if needed, and the Opt out of/in to analytics button is always visible.

Also up the width from 50vw to 60vw, which again is nicer on screens smaller than large monitors.

PR Goal?

Make the Opt out of / in to analytics button visible on smaller screens, and add a scroll bar so the whole policy can be read on them.

Fixes?

Fixes #352

Feedback sought?

sanity checking, more or less just rubber stamping for this one

Priority?

medium-high

Tests added?

no

How to test?

click on Privacy and shrink your viewport to see the Opt in/out button is still usable and the full text can still be accessed.

Confidence?

high

Version change?

no

With a maxHeight of 95vh, we now automatically get a scroll bar if
needed, and the Opt out of/in to analytics button is always visible.

Also up the width from 50vw to 60vw, which again is nicer on screens
smaller than large monitors.

Fixes #352
Copy link

semanticdiff-com bot commented Oct 18, 2024

Review changes with SemanticDiff.

Analyzed 5 of 5 files.

Overall, the semantic diff is 81% smaller than the GitHub diff.

Filename Status
✔️ packages/studio-web/src/i18n/messages.es.json Analyzed
✔️ packages/studio-web/src/i18n/messages.fr.json Analyzed
✔️ packages/studio-web/src/i18n/messages.json Analyzed
✔️ packages/studio-web/src/app/app.component.ts 77.86% smaller
✔️ packages/studio-web/src/app/privacy-dialog.html 88.24% smaller

@joanise joanise requested review from roedoejet and deltork October 18, 2024 20:57
Copy link
Contributor

github-actions bot commented Oct 18, 2024

PR Preview Action v1.4.8
Preview removed because the pull request was closed.
2024-10-21 14:49 UTC

Copy link
Collaborator

@roedoejet roedoejet left a comment

Choose a reason for hiding this comment

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

Took the tour, it appears to work well. Thanks!

>demonstration site here</a
>. In any case, you can opt out entirely by clicking the "Opt Out" button
below (you can always opt back in later).
</p>
</div>

<div mat-dialog-actions style="display: flex; justify-content: space-evenly">
Copy link
Collaborator

Choose a reason for hiding this comment

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

Should we add margin-top: 1em; to add more space between the text and buttons?
image

Copy link
Member Author

Choose a reason for hiding this comment

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

Good idea, I agree.

Copy link
Member Author

@joanise joanise Oct 21, 2024

Choose a reason for hiding this comment

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

Although I'm not sure which element that would belong on...

Copy link
Member Author

Choose a reason for hiding this comment

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

And, fixed.

@joanise joanise merged commit b0b7756 into main Oct 21, 2024
1 of 2 checks passed
@joanise joanise deleted the dev.ej/fix-privacy-dialog branch October 21, 2024 14:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
3 participants