arc-green theme code display bug #6178

New Issue

GiteaMirror · 2025-11-02T06:47:20-06:00

GiteaMirror commented

2025-11-02 06:47:20 -06:00

Originally created by @wolfpackmars2 on GitHub (Oct 21, 2020).

Gitea version (or commit ref): 1.12.5
Git version: 2.25.1
Operating system: Ubuntu 20
Database (use [x]):
- PostgreSQL
- MySQL
- MSSQL
- [ X] SQLite
Can you reproduce the bug at https://try.gitea.io:
- Yes (provide example URL)
- [X ] No - appears to have been fixed in newer base.less style sheet

Description

The code lines don't line up with the line numbers when using Chrome and the Arc-Green theme. I've traced the problem down to Chrome's built in style-sheet using "vertical-align: inherit;" as default for the tag. Adding the following css to the arc-green theme would resolve the issue.

.lines-code{vertical-align: top}

Screenshots

screen shot included

Originally created by @wolfpackmars2 on GitHub (Oct 21, 2020).   - Gitea version (or commit ref): 1.12.5 - Git version: 2.25.1 - Operating system: Ubuntu 20 - Database (use `[x]`): - [ ] PostgreSQL - [ ] MySQL - [ ] MSSQL - [ X] SQLite - Can you reproduce the bug at https://try.gitea.io: - [ ] Yes (provide example URL) - [X ] No - appears to have been fixed in newer base.less style sheet ![gitea_arc_green_Code_display](https://user-images.githubusercontent.com/1011130/96657331-87dc6980-1307-11eb-8c25-f74060a98167.jpg) ## Description The code lines don't line up with the line numbers when using Chrome and the Arc-Green theme. I've traced the problem down to Chrome's built in style-sheet using "vertical-align: inherit;" as default for the <td> tag. Adding the following css to the arc-green theme would resolve the issue. `.lines-code{vertical-align: top}` ## Screenshots screen shot included

GiteaMirror added the topic/ui label 2025-11-02 06:47:20 -06:00

GiteaMirror closed this issue

2025-11-02 06:47:21 -06:00

GiteaMirror commented

2025-11-02 06:47:22 -06:00

@techknowlogick commented on GitHub (Oct 21, 2020):

@wolfpackmars2 does this also happen for standard (non arc-green) theme?

@techknowlogick commented on GitHub (Oct 21, 2020): @wolfpackmars2 does this also happen for standard (non arc-green) theme?

GiteaMirror commented

2025-11-02 06:47:22 -06:00

@wolfpackmars2 commented on GitHub (Oct 21, 2020):

no, only arc-green. Doesn't seem to happen on the test server running 1.14 dev - maybe fixed in a newer version?
edit: ok, seems like the base.less mixin fixes this for a newer version. I'll try loading the 1.13 rc and see if that resolves it. if not, I'll use dev.

@wolfpackmars2 commented on GitHub (Oct 21, 2020): no, only arc-green. Doesn't seem to happen on the test server running 1.14 dev - maybe fixed in a newer version? edit: ok, seems like the base.less mixin fixes this for a newer version. I'll try loading the 1.13 rc and see if that resolves it. if not, I'll use dev.

GiteaMirror commented

2025-11-02 06:47:22 -06:00

@wolfpackmars2 commented on GitHub (Oct 21, 2020):

I confirmed this is fixed in 1.13.0-rc1

@wolfpackmars2 commented on GitHub (Oct 21, 2020): I confirmed this is fixed in 1.13.0-rc1

GiteaMirror commented

2025-11-02 06:47:22 -06:00

@techknowlogick commented on GitHub (Oct 21, 2020):

@wolfpackmars2 awesome! thanks for checking :)

@techknowlogick commented on GitHub (Oct 21, 2020): @wolfpackmars2 awesome! thanks for checking :)

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/gitea#6178