github-starred/gitea
2
0
Fork 0
mirror of https://github.com/go-gitea/gitea.git synced 2026-03-13 19:37:47 -05:00
Code Issues 2.6k Packages Projects Releases 100 Wiki Activity

Navbar width horizontal overflow in 1.20rc #11015

New Issue
Closed
opened 2025-11-02 09:25:07 -06:00 by GiteaMirror · 7 comments
GiteaMirror commented 2025-11-02 09:25:07 -06:00
Owner
Copy Link

Originally created by @noahziheng on GitHub (Jun 13, 2023).

Description

Hi all,

I find Gitea UI showing horizontal scrollbar when the content is more than screen like screen shot case. Look like the navbar has overflow its container.

It can be found in try.gitea.io at: https://try.gitea.io/explore/repos

Actually I never found this issue under 1.20-rc.

Maybe the problem is similar with this post, and we can add max-width: 100% or overflow-x: hidden to solve it.

Screenshots

image

image

image

Gitea Version

1.20.0+rc0-17-g3e9fc3672

Can you reproduce the bug on the Gitea demo site?

Yes

Operating System

MacOS Ventura & Windows 11

Browser Version

Microsoft Edge 114.0.1823.37

Originally created by @noahziheng on GitHub (Jun 13, 2023). ### Description Hi all, I find Gitea UI showing horizontal scrollbar when the content is more than screen like screen shot case. Look like the navbar has overflow its container. It can be found in try.gitea.io at: [https://try.gitea.io/explore/repos](https://try.gitea.io/explore/repos) Actually I never found this issue under 1.20-rc. Maybe the problem is similar with [this post](https://stackoverflow.com/questions/23367345/100vw-causing-horizontal-overflow-but-only-if-more-than-one), and we can add `max-width: 100%` or `overflow-x: hidden` to solve it. ### Screenshots ![image](https://github.com/go-gitea/gitea/assets/2758317/70340bd9-5f8c-4625-aa12-ee4120bc757e) ![image](https://github.com/go-gitea/gitea/assets/2758317/59042c9f-230b-4ca3-990a-5c17719af216) ![image](https://github.com/go-gitea/gitea/assets/2758317/91c8e3e2-bc68-4e9b-bcb5-df2984ded957) ### Gitea Version 1.20.0+rc0-17-g3e9fc3672 ### Can you reproduce the bug on the Gitea demo site? Yes ### Operating System MacOS Ventura & Windows 11 ### Browser Version Microsoft Edge 114.0.1823.37
GiteaMirror added the topic/uitype/bug labels 2025-11-02 09:25:08 -06:00
GiteaMirror commented 2025-11-02 09:25:09 -06:00
Author
Owner
Copy Link

@wxiaoguang commented on GitHub (Jun 13, 2023):

It's not related to navbar.

IMO actually is a regression of #21850

You can see I have remove the "navbar" and "footer", only "page-content" there:

image

@wxiaoguang commented on GitHub (Jun 13, 2023): It's not related to navbar. IMO actually is a regression of #21850 You can see I have remove the "navbar" and "footer", only "page-content" there: ![image](https://github.com/go-gitea/gitea/assets/2114189/fc708980-624d-4e38-ba7d-af501597d128)
GiteaMirror commented 2025-11-02 09:25:10 -06:00
Author
Owner
Copy Link

@noahziheng commented on GitHub (Jun 13, 2023):

@wxiaoguang Actually the scrollbar will invisble if I remove navbar element

image

@noahziheng commented on GitHub (Jun 13, 2023): @wxiaoguang Actually the scrollbar will invisble if I remove navbar element ![image](https://github.com/go-gitea/gitea/assets/2758317/4238a0d7-3f6b-4529-a220-f09dfbbfbc13)
GiteaMirror commented 2025-11-02 09:25:10 -06:00
Author
Owner
Copy Link

@wxiaoguang commented on GitHub (Jun 13, 2023):

Actually the scrollbar will invisble if I remove navbar element

But it is there in my screenshot, have you tried different pages and different sizes? In some cases "removing navbar element" makes the scrollbar invisible, but in some cases the UI is still not right. That's why I do not think the navbar is the root problem, while there is something wrong behind it.

@wxiaoguang commented on GitHub (Jun 13, 2023): > Actually the scrollbar will invisble if I remove navbar element But it is there in my screenshot, have you tried different pages and different sizes? In some cases "removing navbar element" makes the scrollbar invisible, but in some cases the UI is still not right. That's why I do not think the navbar is the root problem, while there is something wrong behind it.
GiteaMirror commented 2025-11-02 09:25:10 -06:00
Author
Owner
Copy Link

@wxiaoguang commented on GitHub (Jun 13, 2023):

Can you try this one? Revert overflow: overlay (revert #21850) #25231

@wxiaoguang commented on GitHub (Jun 13, 2023): Can you try this one? Revert overflow: overlay (revert `#21850`) #25231
GiteaMirror commented 2025-11-02 09:25:10 -06:00
Author
Owner
Copy Link

@noahziheng commented on GitHub (Jun 13, 2023):

Can you try this one? Revert overflow: overlay (revert #21850) #25231

Looks effective! This revert may cover more case in the UI.

@noahziheng commented on GitHub (Jun 13, 2023): > Can you try this one? Revert overflow: overlay (revert `#21850`) #25231 Looks effective! This revert may cover more case in the UI.
GiteaMirror commented 2025-11-02 09:25:11 -06:00
Author
Owner
Copy Link

@noahziheng commented on GitHub (Jun 13, 2023):

@wxiaoguang But this revert will just hide horizontal scrollbar(because it's not overlay yet).
The navbar(and/or other element we have not find) 's width always exceed its container.

image

@noahziheng commented on GitHub (Jun 13, 2023): @wxiaoguang But this revert will just hide horizontal scrollbar(because it's not overlay yet). The navbar(and/or other element we have not find) 's width always exceed its container. ![image](https://github.com/go-gitea/gitea/assets/2758317/9f4cc348-daa0-4225-bdaa-d6dc3af973fc)
GiteaMirror commented 2025-11-02 09:25:11 -06:00
Author
Owner
Copy Link

@wxiaoguang commented on GitHub (Jun 13, 2023):

See https://github.com/go-gitea/gitea/pull/25231#issuecomment-1588983812

@wxiaoguang commented on GitHub (Jun 13, 2023): See https://github.com/go-gitea/gitea/pull/25231#issuecomment-1588983812
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
$20
$250
$50
$500
backport/done
💎 Bounty
docs-update-needed
good first issue
hacktoberfest
issue/bounty
issue/confirmed
issue/critical
issue/duplicate
issue/needs-feedback
issue/not-a-bug
issue/regression
issue/stale
issue/workaround
lgtm/need 2
modifies/api
modifies/translation
outdated/backport/v1.18
outdated/theme/markdown
outdated/theme/timetracker
performance/bigrepo
performance/cpu
performance/memory
performance/speed
pr/breaking
proposal/accepted
proposal/rejected
pr/wip
pull-request
Mirrored from GitHub Pull Request
 reviewed/wontfix
💰 Rewarded
skip-changelog
status/blocked
topic/accessibility
topic/api
topic/authentication
topic/build
topic/code-linting
topic/commit-signing
topic/content-rendering
topic/deployment
topic/distribution
topic/federation
topic/gitea-actions
topic/issues
topic/lfs
topic/mobile
topic/moderation
topic/packages
topic/pr
topic/projects
topic/repo
topic/repo-migration
topic/security
topic/theme
topic/ui
topic/ui-interaction
topic/ux
topic/webhooks
topic/wiki
type/bug
type/deprecation
type/docs
type/enhancement
type/feature
type/miscellaneous
type/proposal
type/question
type/refactoring
type/summary
type/testing
type/upstream
No Label topic/ui type/bug
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
GiteaMirror ninjasurge
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/gitea#11015
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?