D
eda6d65818
markup: improve code block readability and isolate copy button ( #34009 )
...
Fix #33197
Improve the rendering of code blocks in markdown content
for better readability and UI stability across screen sizes.
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2025-04-19 05:53:39 +00:00
Kerwin Bryant
dd0caf7e16
Fix various misalignments and overflows ( #34227 )
...
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2025-04-17 10:32:41 +00:00
Kerwin Bryant
bde014e46d
Fix button alignments and remove unnecessary styles ( #34206 )
...
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2025-04-16 08:14:10 +00:00
Kerwin Bryant
e8c42ae601
Fix empty repo clone panel border ( #34219 )
...
Remove duplicate border
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2025-04-16 07:05:40 +00:00
Kerwin Bryant
f4196a8843
Optimize overflow-menu ( #34183 )
...
Optimized the overflow-menu:
1. Close the tippy when a menu item inside the tippy is clicked.
2. When a menu item inside the tippy is selected, move the active state
of the menu to the tippy's button.
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2025-04-13 01:59:36 +00:00
Thomas E Lackey
fa49cd719f
feat: Add sorting by exclusive labels (issue priority) ( #33206 )
...
Fix #2616
This PR adds a new sort option for exclusive labels.
For exclusive labels, a new property is exposed called "order", while in
the UI options are populated automatically in the `Sort` column (see
screenshot below) for each exclusive label scope.
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2025-04-10 17:18:07 +00:00
Kerwin Bryant
02e49a0f47
Fix vertical centering of file tree icons and use entryIcon for submodules/symlinks ( #34137 )
...
In the file tree, the icons are not vertically centered, which affects
the overall visual consistency.
Currently, the icons of submodules and symlinks do not adopt the value
of entryIcon, resulting in inconsistent icon display.
before:
after:
---------
Co-authored-by: silverwind <me@silverwind.io >
2025-04-09 18:10:16 -07:00
wxiaoguang
a62ed19da6
Use overflow-wrap: anywhere to replace word-break: break-all ( #34126 )
2025-04-06 17:13:02 +08:00
wxiaoguang
ee6929d96b
Refactor dropdown ellipsis ( #34123 )
...
Remove legacy `truncated-item-container` and `truncated-item-name`.
2025-04-05 03:21:11 +00:00
wxiaoguang
ba921fd903
Fix markdown frontmatter rendering ( #34102 )
...
Fix #34101
2025-04-03 05:48:24 +00:00
Kerwin Bryant
0fd5392087
Fix markup content overflow ( #34072 )
...
Fix #34069 : use `overflow-wrap: anywhere` to correctly wrap overflowed
content.
2025-03-31 11:56:03 +08:00
silverwind
58d0a3f4c2
Simplify emoji rendering ( #34048 )
...
It seems like most of our custom styles around the .emoji class are
useless and we can just make them render like any other text. Rendering
should now match GitHub.
Fixes: https://github.com/go-gitea/gitea/issues/34019
Also see https://github.com/go-gitea/gitea/pull/11541 and
https://github.com/go-gitea/gitea/pull/12317 for some context. I think
browser emoji rendering has improved in recent years so these hacks are
no longer needed.
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2025-03-28 18:25:13 +08:00
Kerwin Bryant
b542769102
Adjust the layout of the toolbar on the Issues/Projects page ( #33667 )
...
On the list page, labels and milestones do not serve as a switch-tab.
Instead, they function as page navigation. The switch-tab is only
appropriate for use on the labels and milestones pages.
And fix projects page layout.
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2025-03-28 07:55:12 +00:00
Kerwin Bryant
dcbf6c2d13
Optimize Layout Styles of Filelist ( #33920 )
...
Align items
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2025-03-19 00:59:33 +08:00
Kerwin Bryant
e1feb438a4
Fix file tree issues ( #33916 )
2025-03-17 14:55:15 +00:00
wxiaoguang
9d89dfe142
Remove unused or abused styles ( #33918 )
...
* `top aligned` => `tw-align-top`
* label list: it was broken, this PR fixes it
* reference link: simplified
* settings/repos: not affected
2025-03-17 22:11:24 +08:00
silverwind
1ea5216f4a
Replace text-align classes with tailwind ( #33905 )
...
Small refactor to remove these CSS classes in favor of tailwind.
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2025-03-16 12:08:16 +00:00
Kerwin Bryant
92f997ce6b
Add file tree to file view page ( #32721 )
...
Resolve #29328
This pull request introduces a file tree on the left side when reviewing
files of a repository.
---------
Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com >
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2025-03-15 16:26:49 +08:00
wxiaoguang
0dfa94edc8
Add old svg class name to git entry icon ( #33884 )
...
Fix https://github.com/go-gitea/gitea/pull/33837#discussion_r1995521288
2025-03-14 23:11:29 +08:00
wxiaoguang
608ccc32e5
Drop fomantic build ( #33845 )
...
We would never update or build fomantic again, we have forked it as a
private library long time ago.
So just put the JS and CSS files in "fomantic/build" into git. And use
"import" to use them.
Remove "form.js", rewrite "tab" component.
All source code is from official Fomantic UI build. Will apply patches
in separate PRs.
2025-03-11 12:44:52 +08:00
wxiaoguang
34e5df6d30
Add material icons for file list ( #33837 )
2025-03-10 15:57:17 +08:00
wxiaoguang
6f13331754
Improve theme display ( #30671 )
...
Document: https://gitea.com/gitea/docs/pulls/180
2025-03-08 21:38:11 +00:00
Kerwin Bryant
14be462646
Refactor initRepoBranchTagSelector to use new init framework ( #33776 )
...
Make "initRepoBranchTagSelector" to use new init framework and fix the
abused "js-branch-tag-selector" styles
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2025-03-03 20:58:19 +00:00
Kerwin Bryant
f0f1737d4d
Refactor markup and pdf-viewer to use new init framework ( #33772 )
...
1. Add some "render-content" classes to "markup" elements when the
content is rendered
2. Use correct "markup" wrapper for "preview" (but not set that class on
the tab)
3. Remove incorrect "markup" class from LFS file view, because there is
no markup content
* "edit-diff" is also removed because it does nothing
5. Use "initPdfViewer" for PDF viewer
6. Remove incorrect "content" class from milestone markup
7. Init all ".markup" elements by new init framework
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2025-03-03 11:49:15 -08:00
wxiaoguang
698ae7aa5b
Fix dynamic content loading init problem ( #33748 )
...
1. Rewrite `dirauto.ts` to `observer.ts`.
* We have been using MutationObserver for long time, it's proven that it
is quite performant.
* Now we extend its ability to handle more "init" works.
2. Use `observeAddedElement` to init all non-custom "dropdown".
3. Use `data-global-click` to handle click events from dynamically
loaded elements.
* By this new approach, the old fragile selector-based
(`.comment-reaction-button`) mechanism is removed.
4. By the way, remove unused `.diff-box` selector, it was abused and
never really used.
A lot of FIXMEs in "repo-diff.ts" are completely fixed, newly loaded
contents could work as expected.
2025-03-01 02:02:10 +00:00
Guillaume
303af554c9
Improve "generate new access token" form ( #33730 )
...
Fix: https://github.com/go-gitea/gitea/issues/33519
As discussed in [PR
#33614 ](https://github.com/go-gitea/gitea/pull/33614 ), the
ScopedAccessTokenSelector Vue component is not particularly useful.
This PR removes the component and reverts to using HTML templates. It
also introduces some (hopefully) useful refactoring.
The Vue component was causing the UX bug reported in the linked issue.
Required form fields are now properly working, as expected (see
screenshot).
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2025-02-27 19:40:12 +00:00
Quentin
793c0e1fa6
Align sidebar gears to the right ( #33721 )
...
Currently, the issue/pr sidebar is hard to read visually. One of the
reason is that the gear icons make reading difficult because they are
"in the way" when reading, and not aligned together.
This PR proposes to align them on the right.
Actions are also better highlighted this way.
## Screenshots
### Issue
| Before this PR | After this PR |
| --- | --- |
| <img width="322" alt="Capture d’écran 2025-02-25 à 19 59 39"
src="https://github.com/user-attachments/assets/efdd13af-7b22-4f2b-8e65-dd17d6f3ffad "
/> | <img width="322" alt="Capture d’écran 2025-02-25 à 19 58 56"
src="https://github.com/user-attachments/assets/eeacc3f4-5e2c-4558-a4b3-0f1ab4742107 "
/> |
### Pull Request
| Before this PR | After this PR |
| --- | --- |
| <img width="322" alt="Capture d’écran 2025-02-25 à 20 16 12"
src="https://github.com/user-attachments/assets/c274b58b-ad50-4ad8-b3da-91dbabd1b120 "
/> | <img width="322" alt="Capture d’écran 2025-02-25 à 20 15 54"
src="https://github.com/user-attachments/assets/ecfd6d60-a525-4767-872d-2ef84030d81e "
/> |
Signed-off-by: Quentin Guidée <quentin.guidee@gmail.com >
Co-authored-by: Giteabot <teabot@gitea.io >
2025-02-27 00:03:23 +02:00
wxiaoguang
cd225d7034
Fix mCaptcha bug ( #33659 )
...
Fix #33658
2025-02-20 22:53:38 +08:00
Kerwin Bryant
40426addfa
Add cropping support when modifying the user/org/repo avatar ( #33498 )
...
Fixed #33321
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2025-02-06 21:07:44 +08:00
wxiaoguang
182e3896bf
Fix flex width ( #33414 )
...
Fix #33409
2025-01-27 17:09:20 +00:00
silverwind
9875f9b9b8
Clone button enhancements ( #33362 )
...
- Add box-shadow to default tippy theme
- Make colors for tabs match the ones from `.ui.tabular.menu`
- Remove tippy arrow and slightly offset tooltip closer to the button
- Fix setting of `aria-haspopup` when default role is used with tippy
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2025-01-27 02:07:29 +08:00
wxiaoguang
6a516a0d14
Do not show unnecessary commit sign lock icon ( #33387 )
...
Fix #33385
2025-01-25 19:32:35 +08:00
silverwind
642e8c1122
Repo homepage styling tweaks ( #33289 )
...
Reduce it to a value that results in `.repo-home-sidebar-top` and
`.repo-home-sidebar-bottom` having 240px content width, the same as
GitHub.
Before:
<img width="1333" alt="Screenshot 2025-01-15 at 18 28 34"
src="https://github.com/user-attachments/assets/cf0fa21b-87be-40e3-a6cd-26d146bce9cc "
/>
After:
<img width="1330" alt="Screenshot 2025-01-15 at 18 28 27"
src="https://github.com/user-attachments/assets/28acd837-10f4-4176-b8a0-510cd28c8b8d "
/>
2025-01-24 17:35:28 +00:00
Typed SIGTERM
9e028d8d57
Fix comment header padding ( #33377 )
2025-01-25 01:09:57 +08:00
wxiaoguang
6659a381ea
Fix closed dependency title ( #33285 )
...
Fix #33283
2025-01-15 23:38:03 +08:00
wxiaoguang
9024b79933
Remove unused CSS styles and move some styles to proper files ( #33217 )
2025-01-12 05:16:22 +00:00
wxiaoguang
9c00e065a1
Fix form width ( #33151 )
...
Fix #33150
2025-01-08 23:57:18 +08:00
wxiaoguang
cf60734a4d
Fix dropdown menu header and mobile view ( #33108 )
...
----
----
2025-01-05 21:20:22 +00:00
wxiaoguang
2b064b8637
Refactor legacy line-number and scroll code ( #33094 )
...
1. remove jquery
2. rewrite the "line number selection", fix various edge cases
3. fix the scroll
2025-01-04 10:56:07 +08:00
wxiaoguang
68972a9947
Clean up legacy form CSS styles ( #33081 )
2025-01-03 04:01:19 +00:00
wxiaoguang
85c756e279
Refactor pull-request compare&create page ( #33071 )
...
The old code is unnecessarily complex.
2025-01-02 01:16:09 +08:00
Chai-Shi
0387195abb
[Feature] Private README.md for organization ( #32872 )
...
Implemented #29503
---------
Co-authored-by: Ben Chang <ben_chang@htc.com >
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2024-12-31 04:22:09 +00:00
metiftikci
94048f3035
fix toggle commit body button ui when latest commit message is long ( #32997 )
...
#### Before
#### After
## Edit:
I found an issue on mobile view and changed the code as using flex gap
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2024-12-29 08:04:56 +08:00
wxiaoguang
a92f5057ae
Fix and/or comment some legacy CSS problems ( #33015 )
2024-12-28 11:51:38 +00:00
metiftikci
254314be5f
fix scoped label ui when contains emoji ( #33007 )
...
### Before
### After
2024-12-28 00:58:19 +00:00
Blender Defender
079a1ffe8f
De-emphasize signed commits ( #31160 )
...
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.
---------
Co-authored-by: silverwind <me@silverwind.io >
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2024-12-28 04:18:30 +08:00
wxiaoguang
4774151e53
Improve navbar: add "admin" tip, add "active" style ( #32927 )
...
By the way, remove all "tw-" patches and unused styles.
2024-12-20 16:38:56 +00:00
silverwind
141d782c1a
Refactor repo-projects.ts ( #32892 )
...
- Remove jQuery
- Add types to all functions
- Tested all modified functionality
---------
Co-authored-by: Giteabot <teabot@gitea.io >
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2024-12-19 08:37:12 +00:00
silverwind
74b06d4f5c
Repo file list enhancements ( #32835 )
...
1. restore background color
2. fix border radius on top/bottom and on hover
3. parent link is now full-row again, much easier to click
4. parent link now uses directory icon, matching github
5 changed grid layout to remove auto width on file name column which could get too small.
6. mobile layout now shows more of the filename.
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2024-12-15 16:56:56 +00:00
silverwind
df9a78cd04
Tweak repo sidebar ( #32847 )
...
Before and after:
<img width="218" alt="Screenshot 2024-12-15 at 04 53 53"
src="https://github.com/user-attachments/assets/299b1f0a-ba72-47c6-b662-a9d540d4d741 "
/>
<img width="222" alt="Screenshot 2024-12-15 at 04 53 41"
src="https://github.com/user-attachments/assets/5a2b5332-e324-4d20-82e9-21d1c850e826 "
/>
Diff without whitespace:
https://github.com/go-gitea/gitea/pull/32847/files?diff=unified&w=1
The `tw-mt-2` is fine even if the element renders empty:
<img width="387" alt="image"
src="https://github.com/user-attachments/assets/76a976e4-ba2e-48a5-9248-c361552a937a "
/>
---------
Co-authored-by: wxiaoguang <wxiaoguang@gmail.com >
2024-12-15 10:01:46 +00:00
