getodk / central-frontend

Vue.js based frontend for ODK Central
https://docs.getodk.org/central-intro/
Apache License 2.0
32 stars 56 forks source link

Fix css for FieldKeyQrPanel shown outside FieldKeyNew #1000

Closed ktuite closed 2 months ago

ktuite commented 2 months ago

Closes https://github.com/getodk/central/issues/663

Fixes some CSS issues that came from supporting a longer app user name and caused weird padding to appear behind the app user QR popover.

Looks better now!

Screenshot 2024-05-21 at 12 15 49 PM

Looks ok here, too.

Screenshot 2024-05-21 at 12 15 34 PM

What has been done to verify that this works as intended?

visually inspecting it.

Why is this the best possible solution? Were any other approaches considered?

The element for saying the new app user/QR code was successfully created is now a sibling of the element with the actual QR code in it, instead of the parent. Changed the CSS a bit to support the QR code element being shown in two places a) the success modal, and b) the normal re-viewing of a QR code in the popover.

How does this change affect users? Describe intentional changes to behavior and behavior that could have accidentally been affected by code changes. In other words, what are the regression risks?

Fixes a bug.

Does this change require updates to user documentation? If so, please file an issue here and include the link below.

No.

Before submitting this PR, please make sure you have: