Uh oh!
There was an error while loading.Please reload this page.
- Notifications
You must be signed in to change notification settings - Fork6.3k
De-emphasize signed commits#31160
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 ourterms of service andprivacy statement. We’ll occasionally send you account related emails.
Already on GitHub?Sign in to your account
Uh oh!
There was an error while loading.Please reload this page.
Conversation
Rework the signed commits UI to show a clickable badge for signed commits. Clicking this badge reveals further information about the trust status of the signature.
Uh oh!
There was an error while loading.Please reload this page.
Uh oh!
There was an error while loading.Please reload this page.
techknowlogick commentedMay 29, 2024
Thanks!! 🙏 This is so helpful. The visual changes look great! I think the CI changes may be related, perhaps due to an undefined variable previously wrapped in a guard conditional. My main development machine is undergoing some repairs, and so I can't properly go through this changeset for review right now, but if you'd like for me to determine the cause of the CI fail I can do that for you once I'm back on my main device. |
BlenderDefender commentedMay 30, 2024
@techknowlogick That would be really helpful. Do you know who I can ask to review this PR? |
silverwind commentedMay 30, 2024 • edited
Loading Uh oh!
There was an error while loading.Please reload this page.
edited
Uh oh!
There was an error while loading.Please reload this page.
Looks nice based on the screenshots. I had started only on the commit detail page in#30221, but this looks more complete. Maybe you can take some inspiration from my PR. You will definitely want to include the removal of unused CSS here. |
Uh oh!
There was an error while loading.Please reload this page.
Uh oh!
There was an error while loading.Please reload this page.
Uh oh!
There was an error while loading.Please reload this page.
Uh oh!
There was an error while loading.Please reload this page.
Uh oh!
There was an error while loading.Please reload this page.
BlenderDefender commentedMay 30, 2024
@silverwind Looks like there are quite a few styles that will be removed with this... The |
silverwind commentedMay 30, 2024 • edited
Loading Uh oh!
There was an error while loading.Please reload this page.
edited
Uh oh!
There was an error while loading.Please reload this page.
Indeed, please remove all CSS that has the |
This commit removes all classnames (like for example `ui text`) that don't have any effect on the elements they're applied to.
silverwind commentedMay 30, 2024 • edited
Loading Uh oh!
There was an error while loading.Please reload this page.
edited
Uh oh!
There was an error while loading.Please reload this page.
One request: Instead of ![]() could we use this SVG icon: ![]() If you want to show some additional text, it can be done with |
These styles aren't used anymore, so they can be safely deleted
BlenderDefender commentedMay 30, 2024
silverwind commentedMay 30, 2024
delvh commentedJun 20, 2024
@silverwind did you have time to fix these hacks? |
wxiaoguang commentedDec 23, 2024
@silverwind@BlenderDefender how to continue? |
# Conflicts:#templates/repo/commit_page.tmpl#templates/repo/commits_list.tmpl#templates/repo/commits_list_small.tmpl#templates/repo/graph/commits.tmpl#templates/repo/latest_commit.tmpl#templates/repo/shabox_badge.tmpl#web_src/css/repo.css
wxiaoguang commentedDec 27, 2024
Manged to fix some problems. And FYI: the modal can't be used, the reason is complicated but since this PR is stale for long time, I won't spend time on explaining it unless there are interests. |
079a1ff intogo-gitea:mainUh oh!
There was an error while loading.Please reload this page.
wxiaoguang commentedDec 27, 2024
Since this PR now also blocks others, so I merge it after CI passes. If there is anything wrong, I will also fix in first time. And there could be more fine-tunes to the colors to de-emphasize more |
* giteaofficial/main: Refactor pagination (go-gitea#33037) Test webhook email (go-gitea#33033) Fix review code comment avatar alignment (go-gitea#33031) Fix templating in pull request comparison (go-gitea#33025) Refactor tests (go-gitea#33021) [skip ci] Updated translations via Crowdin always show assignees on right (go-gitea#33006) fix toggle commit body button ui when latest commit message is long (go-gitea#32997) Fix and/or comment some legacy CSS problems (go-gitea#33015) Refactor comment history and fix content edit (go-gitea#33018) Fix bug on activities (go-gitea#33008) Refactor arch route handlers (go-gitea#32993) fix scoped label ui when contains emoji (go-gitea#33007) [skip ci] Updated translations via Crowdin De-emphasize signed commits (go-gitea#31160) Fix eslint (go-gitea#33002) Fix Agit pull request permission check (go-gitea#32999) Support for email addresses containing uppercase characters when activating user account (go-gitea#32998)








Uh oh!
There was an error while loading.Please reload this page.
Update: the latest change still uses the old layout, the signed commits are still made to be de-emphasized a little (it won't affect its parents, for example: the commit details page), I didn't change their colors.
And the new code structure is easier to make more improvements or refactor, for example: change the colors to de-emphasize more, or design some new layouts.
screenshot
Old description:
This pull request changes how signed commits are displayed, as signed commits were emphasized too much previously. This includes a rewrite of the commit list UI, which now uses an unordered list instead of a table. If a commit is signed, a clickable badge is shown, indicating that the commit is signed with either a verified or an unverified signature.
fixes#29641
Old Comparison
Latest commit
Before
After
Commit list
Before
After
Commit details
Before
After
Commit Graph
Before
After
Clicking on the badge opens the following modal:


