Login & registration form offset

[xiaoyong-wang]

• Gitea version (or commit ref): 1.15.0
• Git version: 2.25.1
• Operating system: Ubuntu 20.04.3 LTS
  I am running gitea using the prebuilt binary from dl.gitea.io. It is running via systemd.
• Database (use [x]):
  • PostgreSQL
  • MySQL
  • MSSQL
  • SQLite
• Can you reproduce the bug at https://try.gitea.io:
  • Yes (provide example URL)
  • No
• Log gist:
• N/A

Description

The login & registration form appears to be offset (to the right) on mobile. You can see in the screenshots below.

Screenshots

(This is on mobile. On desktop, this issue does not exist.)
https://i.imgur.com/gnFQ9Ob.png
https://i.imgur.com/Jv3bbci.png

[silverwind]

Can't reproduce on desktop browser in mobile mode at least:

[xiaoyong-wang]

Can't reproduce on desktop browser in mobile mode at least:

As mentioned, this issue is not present on Gitea.com
It is present on pretty much any other Gitea instance, including codeberg.org and my own.

[silverwind]

I see it on https://codeberg.org/user/sing_up. Issue comes from this rule:

@media only screen and (max-width: 767.98px) {
  .ui.ui.ui.container:not(.fluid) {
    width: auto;
    margin-left: 1em;
    margin-right: 1em;
  }
}

No idea why but that rule does not seem to be present on try.

[silverwind]

Actually this was fixed in #16396, will backport it.

[xiaoyong-wang]

Actually this was fixed in #16396, will backport it.

Alright, thanks.

[silverwind]

Backport to 1.15 in #16976.