Element alignments in layout broken #1734

New Issue

GiteaMirror · 2025-11-02T04:11:39-06:00

GiteaMirror commented

2025-11-02 04:11:39 -06:00

Originally created by @daviian on GitHub (Apr 26, 2018).

Gitea version (or commit ref): master / fb2f8dcf
Git version: 2.15.0
Operating system: Linux 15d03918bd01 4.14.34-v7+ #1110 SMP Mon Apr 16 15:18:51 BST 2018 armv7l Linux
Database (use [x]):
- PostgreSQL
- MySQL
- MSSQL
- SQLite
Can you reproduce the bug at https://try.gitea.io:
- Yes (provide example URL) https://try.gitea.io/
- No
- Not relevant
Log gist:

Description

Introduced with PR https://github.com/go-gitea/gitea/pull/2750, upgrading our UI to be more responsive, the vertical alignment is broken.
See screenshots below. Guess the screenshots don't cover all glitches.

But the main menu and the stackable menu don't align with the feed on the dashboard, as it was in previous versions. Especially noticeable at the gitea logo, and avatar image of the users.

On the repository view the clone panel stands out, etc.

Screenshots

Originally created by @daviian on GitHub (Apr 26, 2018).  - Gitea version (or commit ref): master / fb2f8dcf - Git version: 2.15.0 - Operating system: Linux 15d03918bd01 4.14.34-v7+ #1110 SMP Mon Apr 16 15:18:51 BST 2018 armv7l Linux - Database (use `[x]`): - [ ] PostgreSQL - [x] MySQL - [ ] MSSQL - [ ] SQLite - Can you reproduce the bug at https://try.gitea.io: - [x] Yes (provide example URL) https://try.gitea.io/ - [ ] No - [ ] Not relevant - Log gist: ## Description Introduced with PR https://github.com/go-gitea/gitea/pull/2750, upgrading our UI to be more responsive, the vertical alignment is broken. See screenshots below. Guess the screenshots don't cover all glitches. But the main menu and the stackable menu don't align with the feed on the dashboard, as it was in previous versions. Especially noticeable at the gitea logo, and avatar image of the users. On the repository view the clone panel stands out, etc. ## Screenshots ![gitea-dashboard](https://user-images.githubusercontent.com/5477981/39318764-454dcd10-497f-11e8-8318-013ba15b1157.png) ![gitea-dashboard-mobile](https://user-images.githubusercontent.com/5477981/39318765-456b7e00-497f-11e8-99f7-0a8bc6cc8b08.png) ![gitea-repo](https://user-images.githubusercontent.com/5477981/39318766-4586f662-497f-11e8-953f-0a0a548d259f.png) ![gitea-repo-mobile](https://user-images.githubusercontent.com/5477981/39318767-45a3aabe-497f-11e8-8566-e5cd9b76207f.png)

GiteaMirror added the topic/ui issue/stale labels 2025-11-02 04:11:39 -06:00

GiteaMirror closed this issue

2025-11-02 04:11:40 -06:00

GiteaMirror commented

2025-11-02 04:11:40 -06:00

@lunny commented on GitHub (Apr 29, 2018):

Did you have custom css file?

@lunny commented on GitHub (Apr 29, 2018): Did you have custom css file?

GiteaMirror commented

2025-11-02 04:11:40 -06:00

@daviian commented on GitHub (Apr 29, 2018):

No. And these are screenshots from try.gitea.org
So you should see this too.

@daviian commented on GitHub (Apr 29, 2018): No. And these are screenshots from try.gitea.org So you should see this too.

GiteaMirror commented

2025-11-02 04:11:40 -06:00

@lunny commented on GitHub (Apr 30, 2018):

@daviian OK.

@lunny commented on GitHub (Apr 30, 2018): @daviian OK.

GiteaMirror commented

2025-11-02 04:11:41 -06:00

@nsrosenqvist commented on GitHub (Jul 11, 2018):

A lot of UI elements look out of alignments on mobile device screen sizes. The "code, issues, etc." menu looks broken (border only around first element). Each row for files under code are misaligned and takes up way to much vertical space.

@nsrosenqvist commented on GitHub (Jul 11, 2018): A lot of UI elements look out of alignments on mobile device screen sizes. The "code, issues, etc." menu looks broken (border only around first element). Each row for files under code are misaligned and takes up way to much vertical space.

GiteaMirror commented

2025-11-02 04:11:41 -06:00

@stale[bot] commented on GitHub (Jan 19, 2019):

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs during the next 2 weeks. Thank you for your contributions.

@stale[bot] commented on GitHub (Jan 19, 2019): This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs during the next 2 weeks. Thank you for your contributions.

GiteaMirror commented

2025-11-02 04:11:41 -06:00

@stale[bot] commented on GitHub (Feb 19, 2019):

This issue has been automatically closed because of inactivity. You can re-open it if needed.

@stale[bot] commented on GitHub (Feb 19, 2019): This issue has been automatically closed because of inactivity. You can re-open it if needed.

GiteaMirror referenced this issue

2025-11-02 12:26:25 -06:00

[PR #3833] [CLOSED] Mark _csrf cookie as secure if COOKIE_SECURE is enabled #17105

GiteaMirror referenced this issue

2025-11-02 12:26:26 -06:00

[PR #3839] [MERGED] Support secure cookie for csrf-token #17106

Sign in to join this conversation.