Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Horizontal scrollbar to inner menu on Chrome #17086

Merged
merged 3 commits into from Sep 21, 2021

Conversation

zeripath
Copy link
Contributor

There is a longstanding bug whereby the admin pages, in particular, have not had
a horizontal scrollbar on chrome when the page is narrow.

This PR simply adds overflow-x and adds a default height to the scrollbar to
match that of the vertical bar.

Signed-off-by: Andrew Thornton art27@cantab.net

There is a longstanding bug whereby the admin pages, in particular, have not had
a horizontal scrollbar on chrome when the page is narrow.

This PR simply adds overflow-x and adds a default height to the scrollbar to
match that of the vertical bar.

Signed-off-by: Andrew Thornton <art27@cantab.net>
@zeripath zeripath added type/bug topic/ui Change the appearance of the Gitea UI backport/v1.15 labels Sep 18, 2021
@zeripath zeripath added this to the 1.16.0 milestone Sep 18, 2021
@@ -181,6 +181,7 @@ details summary > * {

::-webkit-scrollbar {
width: 10px;
height: 10px;
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I would assume that all scrollbars are now quadratic because of this.

Or does the scrollbar internally ignore the non-relevant setting?

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Why don't you try it?

Copy link
Member

@delvh delvh Sep 19, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Am currently trying it.
Can you please point me somewhere where the horizontal scrollbars should appear?
Because right now I don't see any horizontal scrollbars on the admin pages in Chrome on a minimum width window…

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Does Chromium behave differently than Chrome here?
Because for me, the admin page looks like this:
image

I thought Chrome and Chromium were basically the same thing, with the only difference being that Chromium gets rid of most Google things.

Copy link
Member

@delvh delvh Sep 19, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah, I see now:
For some reason up until about the half screen, this scrollbar will be displayed.
Only when the screen gets smaller, the tabs will be wrapped.
I would prefer unified behavior:
Either always wrap and never display the scrollbar, or never wrap and always use the scrollbar.
But that is most likely worth its own PR, so for now: lgtm.

My preference is to never use the scrollbar.

@GiteaBot GiteaBot added the lgtm/need 2 This PR needs two approvals by maintainers to be considered for merging. label Sep 18, 2021
@zeripath
Copy link
Contributor Author

$ROOT_URL/admin

Without 17086

Screenshot from 2021-09-19 09-51-22

Screenshot from 2021-09-19 09-56-48

With 17086

Screenshot from 2021-09-19 09-54-38

Screenshot from 2021-09-19 09-55-20

@zeripath
Copy link
Contributor Author

zeripath commented Sep 19, 2021

The navbar also needs some more work too. (but for another PR I think. A simple solution would be to add something like flex-wrap: wrap to the navbar styles)

@GiteaBot GiteaBot added lgtm/need 1 This PR needs approval from one additional maintainer to be merged. and removed lgtm/need 2 This PR needs two approvals by maintainers to be considered for merging. labels Sep 20, 2021
@GiteaBot GiteaBot added lgtm/done This PR has enough approvals to get merged. There are no important open reservations anymore. and removed lgtm/need 1 This PR needs approval from one additional maintainer to be merged. labels Sep 20, 2021
@zeripath
Copy link
Contributor Author

make lgtm work

@zeripath zeripath merged commit 10108b1 into go-gitea:main Sep 21, 2021
@zeripath zeripath deleted the add-scrollbar-to-sub-nav-menu branch September 21, 2021 08:35
zeripath added a commit to zeripath/gitea that referenced this pull request Sep 27, 2021
Backport go-gitea#17086

There is a longstanding bug whereby the admin pages, in particular, have not had
a horizontal scrollbar on chrome when the page is narrow.

This PR simply adds overflow-x and adds a default height to the scrollbar to
match that of the vertical bar.

Signed-off-by: Andrew Thornton <art27@cantab.net>
@zeripath zeripath added the backport/done All backports for this PR have been created label Sep 27, 2021
@go-gitea go-gitea locked and limited conversation to collaborators Oct 19, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
backport/done All backports for this PR have been created lgtm/done This PR has enough approvals to get merged. There are no important open reservations anymore. topic/ui Change the appearance of the Gitea UI type/bug
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

5 participants