Commit 024cb97
fix: hide QR code container via inline style, not CSS
If applied, this commit will keep the QR code hidden until the
authentication/registration JS explicitly reveals it, without the
image becoming permanently invisible afterwards.
Why is this change needed?
Prior to this change, the QR image was hidden with a static
`display: none` CSS rule on `.qr img`. SlideableComponent.show()
reveals the page by sliding the `.qr`/`#qr` container down and then
stripping the inline styles jQuery added during the animation, but it
never touches the image's own display value. Once the CSS rule hid the
image, nothing ever set it back to visible, so the QR code disappeared
for good after the first show/hide cycle.
How does it address the issue?
This change reverts the CSS change and instead hides the `.qr`/`#qr`
container itself with an inline `style="display: none;"`, matching the
existing pattern already used for `#open-in-app` in the same
templates. Inline styles are fully replaced during the slide animation
and removed afterwards, so there is no leftover CSS rule to re-hide
the element on subsequent cycles.1 parent ced205d commit 024cb97
3 files changed
Lines changed: 3 additions & 3 deletions
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
138 | 138 | | |
139 | 139 | | |
140 | 140 | | |
141 | | - | |
| 141 | + | |
142 | 142 | | |
143 | 143 | | |
144 | 144 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
52 | 52 | | |
53 | 53 | | |
54 | 54 | | |
55 | | - | |
| 55 | + | |
56 | 56 | | |
57 | 57 | | |
58 | 58 | | |
| |||
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
51 | 51 | | |
52 | 52 | | |
53 | 53 | | |
54 | | - | |
| 54 | + | |
55 | 55 | | |
56 | 56 | | |
57 | 57 | | |
| |||
0 commit comments