aboutsummaryrefslogtreecommitdiffstats
path: root/web_src/css
Commit message (Collapse)AuthorAgeFilesLines
* Fix various misalignments and overflows (#34227)HEADmainKerwin Bryant12 hours2-9/+8
| | | | | --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
* Fix button alignments and remove unnecessary styles (#34206)Kerwin Bryant38 hours7-125/+57
| | | | Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
* Fix empty repo clone panel border (#34219)Kerwin Bryant39 hours1-3/+6
| | | | | | | Remove duplicate border --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
* Optimize overflow-menu (#34183)Kerwin Bryant5 days1-0/+8
| | | | | | | | | | 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>
* feat: Add sorting by exclusive labels (issue priority) (#33206)Thomas E Lackey7 days2-0/+7
| | | | | | | | | | | | | 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>
* Fix vertical centering of file tree icons and use entryIcon for ↵Kerwin Bryant8 days3-11/+22
| | | | | | | | | | | | | | | | | | | | | | 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: ![3000-gogitea-gitea-y4ulxr46c4k ws-us118 gitpod io_test_test gitea_src_branch_main_README md (3)](https://github.com/user-attachments/assets/d521b89f-909a-43f9-8f39-787b0243b159) after: ![3000-gogitea-gitea-y4ulxr46c4k ws-us118 gitpod io_test_test gitea_src_branch_main_README md (2)](https://github.com/user-attachments/assets/4866807f-c890-4709-b595-7086011e5231) --------- Co-authored-by: silverwind <me@silverwind.io>
* Use `overflow-wrap: anywhere` to replace `word-break: break-all` (#34126)wxiaoguang12 days3-5/+2
|
* Refactor dropdown ellipsis (#34123)wxiaoguang13 days1-18/+12
| | | Remove legacy `truncated-item-container` and `truncated-item-name`.
* Fix markdown frontmatter rendering (#34102)wxiaoguang2025-04-031-0/+12
| | | Fix #34101
* Fix markup content overflow (#34072)Kerwin Bryant2025-03-311-5/+1
| | | | Fix #34069: use `overflow-wrap: anywhere` to correctly wrap overflowed content.
* Simplify emoji rendering (#34048)silverwind2025-03-282-13/+1
| | | | | | | | | | | | | | | | 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>
* Adjust the layout of the toolbar on the Issues/Projects page (#33667)Kerwin Bryant2025-03-282-12/+5
| | | | | | | | | | | 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>
* Optimize Layout Styles of Filelist (#33920)Kerwin Bryant2025-03-191-4/+14
| | | | | | | Align items --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
* Fix file tree issues (#33916)Kerwin Bryant2025-03-172-2/+1
|
* Remove unused or abused styles (#33918)wxiaoguang2025-03-172-32/+0
| | | | | | * `top aligned` => `tw-align-top` * label list: it was broken, this PR fixes it * reference link: simplified * settings/repos: not affected
* Replace text-align classes with tailwind (#33905)silverwind2025-03-166-64/+1
| | | | | | | Small refactor to remove these CSS classes in favor of tailwind. --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
* Add file tree to file view page (#32721)Kerwin Bryant2025-03-151-0/+15
| | | | | | | | | | | 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>
* Add old svg class name to git entry icon (#33884)wxiaoguang2025-03-141-1/+1
| | | Fix https://github.com/go-gitea/gitea/pull/33837#discussion_r1995521288
* Drop fomantic build (#33845)wxiaoguang2025-03-113-0/+12
| | | | | | | | | | | | 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.
* Add material icons for file list (#33837)wxiaoguang2025-03-101-0/+4
|
* Improve theme display (#30671)wxiaoguang2025-03-086-0/+24
| | | | | | Document: https://gitea.com/gitea/docs/pulls/180 ![image](https://github.com/go-gitea/gitea/assets/2114189/68e38573-b911-45d9-b7aa-40d96d836ecb)
* Refactor initRepoBranchTagSelector to use new init framework (#33776)Kerwin Bryant2025-03-031-1/+1
| | | | | | | | Make "initRepoBranchTagSelector" to use new init framework and fix the abused "js-branch-tag-selector" styles --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
* Refactor markup and pdf-viewer to use new init framework (#33772)Kerwin Bryant2025-03-033-11/+2
| | | | | | | | | | | | | | | | 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>
* Fix dynamic content loading init problem (#33748)wxiaoguang2025-03-011-4/+0
| | | | | | | | | | | | | | | | 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.
* Improve "generate new access token" form (#33730)Guillaume2025-02-273-26/+10
| | | | | | | | | | | | | | | | | | | | | 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). ![Screenshot from 2025-02-25 22-00-28](https://github.com/user-attachments/assets/41167854-0718-48b0-a3ee-75ca3a7b8b20) --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
* Align sidebar gears to the right (#33721)Quentin2025-02-271-0/+10
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | 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>
* Fix mCaptcha bug (#33659)wxiaoguang2025-02-201-1/+1
| | | Fix #33658
* Add cropping support when modifying the user/org/repo avatar (#33498)Kerwin Bryant2025-02-061-1/+1
| | | | | | | | Fixed #33321 --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
* Fix flex width (#33414)wxiaoguang2025-01-271-0/+1
| | | Fix #33409
* Clone button enhancements (#33362)silverwind2025-01-273-2/+8
| | | | | | | | | | - 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>
* Do not show unnecessary commit sign lock icon (#33387)wxiaoguang2025-01-251-1/+2
| | | Fix #33385
* Repo homepage styling tweaks (#33289)silverwind2025-01-241-3/+2
| | | | | | | | | | | | | | | 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" />
* Fix comment header padding (#33377)Typed SIGTERM2025-01-251-6/+2
|
* Fix closed dependency title (#33285)wxiaoguang2025-01-151-1/+1
| | | Fix #33283
* Remove unused CSS styles and move some styles to proper files (#33217)wxiaoguang2025-01-122-208/+108
|
* Fix form width (#33151)wxiaoguang2025-01-082-0/+4
| | | Fix #33150
* Fix dropdown menu header and mobile view (#33108)wxiaoguang2025-01-051-1/+2
| | | | | | | | | | | ![image](https://github.com/user-attachments/assets/3f831c8c-ef87-4282-880a-c2738f3e1d17) ---- ![image](https://github.com/user-attachments/assets/c4c0519b-cfa6-42b4-bd28-205ee514eb34) ---- ![image](https://github.com/user-attachments/assets/8624a605-9f2b-4905-9cbc-0af073972874)
* Refactor legacy line-number and scroll code (#33094)wxiaoguang2025-01-041-4/+5
| | | | | 1. remove jquery 2. rewrite the "line number selection", fix various edge cases 3. fix the scroll
* Clean up legacy form CSS styles (#33081)wxiaoguang2025-01-033-430/+25
|
* Refactor pull-request compare&create page (#33071)wxiaoguang2025-01-021-9/+0
| | | The old code is unnecessarily complex.
* [Feature] Private README.md for organization (#32872)Chai-Shi2024-12-311-22/+22
| | | | | | | | Implemented #29503 --------- Co-authored-by: Ben Chang <ben_chang@htc.com> Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
* fix toggle commit body button ui when latest commit message is long (#32997)metiftikci2024-12-291-0/+10
| | | | | | | | | | | | | | | | | | | | | | | | | | #### Before ![before](https://github.com/user-attachments/assets/fe36bdb3-10e8-4fe7-9106-0897f49bedb3) #### After ![after](https://github.com/user-attachments/assets/745bd164-5f25-41ca-b340-36cb695551db) ## Edit: I found an issue on mobile view and changed the code as using flex gap ![small](https://github.com/user-attachments/assets/dd7c2093-6860-4800-a2bc-676a03e764c8) ![large](https://github.com/user-attachments/assets/5c933779-8281-4d48-9fd0-4d7b245bf4ac) --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
* Fix and/or comment some legacy CSS problems (#33015)wxiaoguang2024-12-284-23/+7
|
* fix scoped label ui when contains emoji (#33007)metiftikci2024-12-281-1/+1
| | | | | | | | | ### Before ![old_label](https://github.com/user-attachments/assets/2211f711-613a-4ed4-90fd-8ff6ab0700f5) ### After ![new_label](https://github.com/user-attachments/assets/ecbc89da-7f77-44d0-8ce9-ba51b67421e5)
* De-emphasize signed commits (#31160)Blender Defender2024-12-284-305/+40
| | | | | | | | | | 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>
* Improve navbar: add "admin" tip, add "active" style (#32927)wxiaoguang2024-12-201-38/+32
| | | By the way, remove all "tw-" patches and unused styles.
* Refactor repo-projects.ts (#32892)silverwind2024-12-191-4/+0
| | | | | | | | | | - 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>
* Repo file list enhancements (#32835)silverwind2024-12-153-12/+34
| | | | | | | | | | | | 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>
* Tweak repo sidebar (#32847)silverwind2024-12-152-11/+8
| | | | | | | | | | | | | | | | | | | | | | | 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>
* Fix overflow on org header (#32837)silverwind2024-12-141-5/+0
|
generated by cgit v1.2.3 (git 2.39.1) at 2025-04-17 22:26:22 +0000