198 Commits

Author	SHA1	Message	Date
wxiaoguang	e625250ffc	Fix various trivial frontend problems (#34263) ... 1. Fix #20606 2. Fix #34246 3. Fix missing spaces, fix misspells, no visual change. 4. Fix missing "not-mobile", fix #34265 --------- Co-authored-by: silverwind <me@silverwind.io>	2025-04-24 09:11:54 +08:00
wxiaoguang	c9aa9068b3	Fix various UI problems (#34243) ... Also fix #34242	2025-04-19 08:43:22 +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	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
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
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
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	9024b79933	Remove unused CSS styles and move some styles to proper files (#33217)	2025-01-12 05:16: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	a92f5057ae	Fix and/or comment some legacy CSS problems (#33015)	2024-12-28 11:51:38 +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	90d20be541	Refactor issue filter (labels, poster, assignee) (#32771) ... Rewrite a lot of legacy strange code, remove duplicate code, remove jquery, and make these filters reusable. Let's forget the old code, new code affects: * issue list open/close switch * issue list filter (label, author, assignee) * milestone list open/close switch * milestone issue list filter (label, author, assignee) * project view (label, assignee)	2024-12-10 11:38:22 +08:00
KN4CK3R	0c3c041c88	Add Arch package registry (#32692) ... Close #25037 Close #31037 This PR adds a Arch package registry usable with pacman.  Rewrite of #25396 and #31037. You can follow [this tutorial](https://wiki.archlinux.org/title/Creating_packages) to build a package for testing. Docs PR: https://gitea.com/gitea/docs/pulls/111 Co-authored-by: [d1nch8g@ion.lc](mailto:d1nch8g@ion.lc) Co-authored-by: @ExplodingDragon --------- Co-authored-by: dancheg97 <dancheg97@fmnx.su> Co-authored-by: dragon <ExplodingFKL@gmail.com> Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>	2024-12-04 23:09:07 +00:00
wxiaoguang	07373f1d5d	Improve issue sidebar UI (#32587) ... 1. remove duplicate dividers 2. align reviewer items 3. merge & remove unused CSS styles Before: <details>   </details> After: <details>    </details>	2024-11-21 03:31:54 +00:00
Calvin K	18aeca5320	Add reviewers selection to new pull request (#32403) ... Users could add reviewers when creating new PRs. --------- Co-authored-by: splitt3r <splitt3r@users.noreply.github.com> Co-authored-by: Sebastian Sauer <sauer.sebastian@gmail.com> Co-authored-by: bb-ben <70356237+bboerben@users.noreply.github.com> Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>	2024-11-09 04:48:31 +00:00
charles	6fced33581	Fix dropdown content overflow (#31610) ... close #31602  --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>	2024-10-13 02:43:43 +00:00
wxiaoguang	f4921b9daa	Simplify 404/500 page (#31409)	2024-06-23 17:45:21 +00:00
silverwind	90bcdf9829	Fix line number widths (#31341) ... Fixes regression https://github.com/go-gitea/gitea/pull/31307#issuecomment-2162554913 Table CSS is weird. A `auto` value does not work and causes the regression while any pixel value causes another regression in diff where the code lines do not stretch. Partially revert that PR and clean up some related too-deep CSS selectors. <img width="109" alt="Screenshot 2024-06-12 at 15 07 22" src="https://github.com/go-gitea/gitea/assets/115237/756c5dea-44b8-49f9-8a08-acef68075f62"> <img width="119" alt="Screenshot 2024-06-12 at 15 07 43" src="https://github.com/go-gitea/gitea/assets/115237/28ae1adc-118e-4016-8d09-033b9f1c9a6f"> <img width="151" alt="Screenshot 2024-06-12 at 15 07 07" src="https://github.com/go-gitea/gitea/assets/115237/08db7ed9-de4e-405e-874d-c7ebe3082557"> <img width="141" alt="Screenshot 2024-06-12 at 15 07 14" src="https://github.com/go-gitea/gitea/assets/115237/c4a5492b-1bf1-4773-bc8d-64eb36d823f9">	2024-06-12 15:23:42 +00:00
silverwind	397930d8c1	Fix line number width in code preview (#31307) ... Line numbers were using some hacky CSS `width: 1%` that did nothing to the code rendering as far as I can tell but broken the inline preview in markup when line numbers are greater than 2 digits. Also I removed one duplicate `font-family` rule (it is set below in the `.lines-num, .lines-code` selector.	2024-06-11 04:54:39 +00:00
silverwind	2ced31e81d	Change --border-radius-circle to --border-radius-full (#30936) ... Percentage-based `border-radius` [creates undesirable ellipse](https://jsfiddle.net/silverwind/j9ko5wnt/4/) on non-square content. Instead, use pixel value and use same wording `full` like tailwind does, but increast to 99999px over their 9999px.	2024-05-25 14:33:34 +00:00
wxiaoguang	080486e47d	Fix some UI regressions for commit list (#30920) ... Close #30919 --------- Co-authored-by: silverwind <me@silverwind.io>	2024-05-10 12:58:05 +00:00
wxiaoguang	eda10cc2bb	Fix some UI problems (dropdown/container) (#30849) ... Follow #30345 Follow #30547 `ellipsis` / `white-space` shouldn't be put on the general dropdown components.	2024-05-06 07:17:22 +00:00
wxiaoguang	ebe6f4cad7	Fix branch selector UI (#30803) ... Fix #30802	2024-05-02 10:45:23 +00:00
wxiaoguang	059b2718a5	Right align the "Settings" menu item in overflow-menu (#30764) ... I guess there could be enough people liking to make the Settings menu item right aligned. As a site admin, I found it's easier to find the right-aligned Settings menu item. Tested with various sizes:   	2024-04-30 04:26:13 +00:00
silverwind	a21ca9b5a5	Remove fomantic dimmer module (#30723) ... Tested extensively using modal which is the only dependant.	2024-04-29 14:49:50 +00:00
wxiaoguang	dd2aaadce3	Fix flash message for flex-container (#30657)	2024-04-23 08:31:51 +00:00
silverwind	aff7b7bdd2	Remove obsolete CSS text classes (#30576) ... - `.text-thin` and `.text-italic` are not present in CSS so were doing nothing and I removed them. - `.text.middle` was unused so I removed it. - `.text.italic` is replaced with `tw-italic`. - `.text.normal` had exactly one use and it wasn't even needed. - add a `muted` class to the link to `org_profile_avatar.tmpl`. --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>	2024-04-22 11:21:06 +00:00
wxiaoguang	1e4867730b	Fix dropdown text ellipsis (#30628) ... Follow https://github.com/go-gitea/gitea/pull/30547#discussion_r1573866519 Fix #30624 The Fomantic UI Dropdown wasn't designed to work that way, its "text" element might contain images. So the "overflow" shouldn't be added to any general dropdown text. 	2024-04-21 23:14:33 +00:00
silverwind	1b1b8500ae	Fix flash on dashboard (#30572) ... Fixes https://github.com/go-gitea/gitea/issues/30566, regression from https://github.com/go-gitea/gitea/pull/30214.	2024-04-21 20:24:56 +00:00
silverwind	dd8e6ae270	Improve "Reference in new issue" modal (#30547) ... Fixes: https://github.com/go-gitea/gitea/issues/29994 Also some misc enhancements done to the form in the modal. <img width="840" alt="Screenshot 2024-04-17 at 23 02 55" src="https://github.com/go-gitea/gitea/assets/115237/e71fba55-55cd-4e48-a497-6b1025c36a43">	2024-04-18 19:31:53 +00:00
silverwind	a658e2f277	Fix long branch name overflows (#30345) ... Fixes: https://github.com/go-gitea/gitea/issues/27971 Fixes: https://github.com/go-gitea/gitea/pull/28010 <img width="689" alt="Screenshot 2024-04-09 at 00 19 57" src="https://github.com/go-gitea/gitea/assets/115237/7c895a47-274f-40a6-a126-290658f1982d"> Also fixes a similar issue in issue list where CSS was there but not active because of missing `display: block`. <img width="372" alt="Screenshot 2024-04-09 at 00 18 25" src="https://github.com/go-gitea/gitea/assets/115237/cfbee7cd-2e15-4ac7-96ce-020816f48798">	2024-04-16 08:52:45 +00:00
wxiaoguang	b84baf21fa	Improve flex ellipsis (#30479) ...  --------- Co-authored-by: silverwind <me@silverwind.io>	2024-04-14 21:43:30 +02:00
silverwind	9946353282	Remove fomantic button module (#30475) ... CSS-only module. Button colors are reduced to this: <img width="639" alt="Screenshot 2024-04-14 at 15 36 07" src="https://github.com/go-gitea/gitea/assets/115237/882d6c02-d1de-44f2-b707-db02a9f5070d"> --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>	2024-04-14 17:53:52 +00:00
silverwind	f3267548ab	Remove fomantic menu module (#30325) ... A lot of variants are in use, so the diff stat isn't so great. Co-authored-by: Giteabot <teabot@gitea.io>	2024-04-14 11:43:46 +00:00
silverwind	4b1063f3db	Rewrite and restyle reaction selector and enable no-sizzle eslint rule (#30453) ... Enable `no-sizzle` lint rule, there was only one use in `initCompReactionSelector` and: - Remove all jQuery except the necessary fomantic dropdown init - Remove the recursion, instead bind event listeners to common parent container nodes --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: Giteabot <teabot@gitea.io>	2024-04-14 18:44:11 +08:00
silverwind	50099d7af4	Various improvements for long file and commit names (#30374) ... Fixes: https://github.com/go-gitea/gitea/issues/29438 This contains numerous enhancements for how large commit messages and large filenames render. Another notable change is that the file path is no longer cut off by backend at 30 chars, but rendered in full with wrapping. <img width="1329" alt="Screenshot 2024-04-09 at 21 53 57" src="https://github.com/go-gitea/gitea/assets/115237/5ccbb3d6-643a-4f60-ba79-3572b36d5182"> <hr> <img width="711" alt="Screenshot 2024-04-09 at 21 44 24" src="https://github.com/go-gitea/gitea/assets/115237/6ffe8fbb-407c-4aa7-b591-3d80daea7d57"> <hr> <img width="439" alt="Screenshot 2024-04-09 at 21 19 03" src="https://github.com/go-gitea/gitea/assets/115237/1ec7f6e9-2fd8-4841-87eb-6ca02ab9cd61"> <hr> <img width="444" alt="Screenshot 2024-04-09 at 21 18 52" src="https://github.com/go-gitea/gitea/assets/115237/70931b9e-5841-477e-b3bc-98f8d2662964"> --------- Co-authored-by: Giteabot <teabot@gitea.io>	2024-04-10 06:13:22 +00:00
silverwind	6cac11cb1b	Fix line height on inline code preview (#30372) ... Fixes https://github.com/go-gitea/gitea/issues/30353. I don't know what causes `code-inner` to not inherit `line-height` from its direct parent `.lines-code` but instead from grandparent `.markup` even thought MDN tells me it's [inherited](https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#formal_definition). This causes no negative impact on other code views, so I think it's the best solution.	2024-04-10 05:44:48 +00:00
silverwind	72dc75e594	Reduce checkbox size to 15px (#30346) ... 16 seems to big, 14 too small. Let's do 15. Alignment: <img width="181" alt="image" src="https://github.com/go-gitea/gitea/assets/115237/f2988611-dee2-492e-a18f-dc5ab3a1cd6c">	2024-04-09 03:09:43 +00:00
silverwind	019857a701	Add --page-spacing variable, fix admin dashboard notice (#30302) ... Fixes https://github.com/go-gitea/gitea/issues/30293 and introduce the `--page-spacing` variable which holds the spacing between the elements on the page. This is working vertically for all pages, including ones that have fomantic grid, and horizontally for all that use `flex-container`. The `.page-content > :first-child:not(.secondary-nav)` selector uses margin which in some cases enables to adjacent margins to overlap, which is nice. <img width="1320" alt="Screenshot 2024-04-06 at 01 35 19" src="https://github.com/go-gitea/gitea/assets/115237/3e81e707-e9ff-4b7f-a211-3d98f4f85353"> --- <img width="1327" alt="Screenshot 2024-04-06 at 01 35 45" src="https://github.com/go-gitea/gitea/assets/115237/aad196c0-9e21-4c06-ae59-7e33a76c61e1"> --- <img width="1321" alt="Screenshot 2024-04-06 at 01 35 31" src="https://github.com/go-gitea/gitea/assets/115237/785f6c5d-08b6-4e66-aa16-aeca7cfed3ad">	2024-04-07 15:45:36 +00:00
silverwind	649aada366	Remove fomantic list module (#30281) ... Likely still some unnecessary CSS but any combinations with the `ui list` classes are covered. There was only on instance of `horizontal list` which I removed. It was this part of the commit page: <img width="396" alt="image" src="https://github.com/go-gitea/gitea/assets/115237/c49ec4f5-93c3-41d6-a907-cdbedf8abc44">	2024-04-06 21:33:45 +00:00
wxiaoguang	ca5c895efb	Render embedded code preview by permlink in markdown (#30234) ... The permlink in markdown will be rendered as a code preview block, like GitHub Co-authored-by: silverwind <me@silverwind.io>	2024-04-02 17:48:27 +00:00
silverwind	ff334749f5	Remove fomantic input module (#30194) ... Another pure CSS module. Some styling is part of the `form` module which will likely follow next.	2024-03-31 16:06:06 +00:00
silverwind	8fd15990c5	Remove fomantic checkbox module (#30162) ... CSS is pretty slim already and the `.ui.toggle.checkbox` sliders on admin page also still work. The only necessary JS is the one that links `input` and `label` so that it can be toggled via label. All checkboxes except the markdown ones render at `--checkbox-size: 16px` now. <img width="174" alt="Screenshot 2024-03-28 at 22 15 10" src="https://github.com/go-gitea/gitea/assets/115237/3455c1bb-166b-47e4-9847-2d20dd1f04db"> <img width="499" alt="Screenshot 2024-03-28 at 21 00 07" src="https://github.com/go-gitea/gitea/assets/115237/412be2b3-d5a0-478a-b17b-43e6bc12e8ce"> <img width="83" alt="Screenshot 2024-03-28 at 22 14 34" src="https://github.com/go-gitea/gitea/assets/115237/d8c89838-a420-4723-8c49-89405bb39474"> --------- Co-authored-by: delvh <dev.lh@web.de>	2024-03-29 04:56:01 +00:00
silverwind	dd8dde2be8	replace jquery-minicolors with coloris (#30055) ... Get rid of one more jQuery dependant and have a nicer color picker as well. Now there is only a single global color picker init because that is all that's necessary because the elements are present on the page when the init code runs. The init is slightly weird because the module only takes a selector instead of DOM elements directly. The label modals now also perform form validation because previously it was possible to trigger a 500 error `Color cannot be empty.` by clearing out the color value on labels. <img width="867" alt="Screenshot 2024-03-25 at 00 21 05" src="https://github.com/go-gitea/gitea/assets/115237/71215c39-abb1-4881-b5c1-9954b4a89adb"> <img width="860" alt="Screenshot 2024-03-25 at 00 20 48" src="https://github.com/go-gitea/gitea/assets/115237/a12cb68f-c38b-4433-ba05-53bbb4b1023e">	2024-03-29 04:00:07 +01:00