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

Change review buttons to icons to make space for text #20934

Merged
merged 5 commits into from
Aug 26, 2022

Conversation

silverwind
Copy link
Member

@silverwind silverwind commented Aug 23, 2022

The layout on the review code view was broken depending on length of the text. Change all three buttons to icons with tooltip to make more space for these long texts.

Fixes: #20922

Before (broken layout because of too long text):
Screen Shot 2022-08-23 at 20 16 25

After:
image

@silverwind silverwind added this to the 1.18.0 milestone Aug 23, 2022
@silverwind silverwind added type/bug topic/ui Change the appearance of the Gitea UI labels Aug 23, 2022
The layout on the review code view was broken depending on length of the
text before. Change all three buttons to icons with tooltip to make more
space for these long texts.

Fixes: go-gitea#20922
@GiteaBot GiteaBot added the lgtm/need 1 This PR needs approval from one additional maintainer to be merged. label Aug 24, 2022
@otbutz
Copy link

otbutz commented Aug 24, 2022

@silverwind Can we change the first icon? We are basically changing the diff behavior for whitespace/EOL. Shouldn't we use a symbol that reflects this?

e.g:

image

image

@silverwind
Copy link
Member Author

Yeah, I tried other icons for "whitespace" but I'm not sure I found one I like yet.

@otbutz
Copy link

otbutz commented Aug 24, 2022

At least the combined use of gear and three dot icons is a bit confusing as both imply "options". Maybe create a new icon based on these two:

https://www.compart.com/en/unicode/U+2423
https://www.compart.com/en/unicode/U+21B5

Quick (ugly) sketch:

image

@silverwind
Copy link
Member Author

silverwind commented Aug 24, 2022

I think I will go with https://www.svgrepo.com/svg/368767/indent-increase because often times the whitespace toggle is related to hiding indendation changes and such. https://www.svgrepo.com/svg/347466/space could also be an option for a generic space icon.

@silverwind
Copy link
Member Author

New icon added:

image

@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 Aug 25, 2022
@6543
Copy link
Member

6543 commented Aug 26, 2022

.

@6543 6543 merged commit 94549bc into go-gitea:main Aug 26, 2022
@6543
Copy link
Member

6543 commented Aug 26, 2022

please backport

@silverwind silverwind deleted the review-icon-buttons branch August 27, 2022 18:15
silverwind added a commit to silverwind/gitea that referenced this pull request Aug 27, 2022
The layout on the review code view was broken depending on length of the text. Change all three buttons to icons with tooltip to make more space for these long texts.

Fixes: go-gitea#20922
@6543 6543 added the backport/done All backports for this PR have been created label Aug 27, 2022
@6543
Copy link
Member

6543 commented Aug 27, 2022

-> #20978

lafriks pushed a commit that referenced this pull request Aug 27, 2022
The layout on the review code view was broken depending on length of the text. Change all three buttons to icons with tooltip to make more space for these long texts.

Fixes: #20922
vsysoev pushed a commit to IntegraSDL/gitea that referenced this pull request Aug 28, 2022
The layout on the review code view was broken depending on length of the text. Change all three buttons to icons with tooltip to make more space for these long texts.

Fixes: go-gitea#20922
zjjhot added a commit to zjjhot/gitea that referenced this pull request Aug 29, 2022
* upstream/main:
  [skip ci] Updated translations via Crowdin
  Add instructions how to add service dependencies (go-gitea#20968)
  Share HTML template renderers and create a watcher framework (go-gitea#20218)
  [skip ci] Updated licenses and gitignores
  [skip ci] Updated translations via Crowdin
  Change review buttons to icons to make space for text (go-gitea#20934)
  Fix download archiver of a commit (go-gitea#20962)
@go-gitea go-gitea locked and limited conversation to collaborators May 3, 2023
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.

Distorted PR changes UI with german localization
7 participants