aboutsummaryrefslogtreecommitdiffstats
path: root/web_src/css/base.css
Commit message (Collapse)AuthorAgeFilesLines
* Refactor view issue & comment list styles (#35061)wxiaoguang2 days1-2/+4
| | | Fix #35060
* Fix various problems (#35012)wxiaoguang6 days1-13/+0
| | | | | * Fix #35011 * Fix incorrect log message for "Protocol" * Remove unnecessary styles, fix "comment-header" wrap, fix label height
* Improve project & label color picker and image scroll (#34971)wxiaoguang9 days1-13/+0
| | | | Fix #34609 Fix #34967
* Improve `labels-list` rendering (#34846)silverwind2025-06-271-3/+8
| | | | | | | Make labels list use consistent gap --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
* Rework delete org and rename org UI (#34762)Lunny Xiao2025-06-211-0/+4
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | # What's the problem of the original implementation Renaming organization will mix with organization's information change make the operation difficult to keep consistent. This PR created a danger zone like what's repository setting. It also moved organization's `rename` and `delete` operations to this zone. The original updating repository will not change the name any more. This is also a step to extract the `updaterepository` function completely. Before: ![image](https://github.com/user-attachments/assets/d097dfdf-07be-4d79-8fcf-e78822515575) ![image](https://github.com/user-attachments/assets/42ee832c-cb44-41ec-9fe3-92a1c94747d2) After: ![image](https://github.com/user-attachments/assets/f7700ed7-f104-4302-a924-09e118f24be3) ![image](https://github.com/user-attachments/assets/4c49952a-578e-4d14-bd01-4a68c9e02412) ![image](https://github.com/user-attachments/assets/814829d3-00fe-4e87-ae05-625c129170d2) ![image](https://github.com/user-attachments/assets/b067b263-c909-4b48-b23c-73481c32d350) --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
* Misc CSS fixes (#34638)silverwind2025-06-071-0/+10
| | | | | | | | | | | | | | | | | | | | | | | | | | | 1. apply [`text-wrap: balance`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap#balance) to various places making the text wrapping nicer, moving `empty-placeholder` CSS to base because it's not repo-specific. <img width="537" alt="Screenshot 2025-06-07 at 15 09 00" src="https://github.com/user-attachments/assets/8b37d031-269d-4ab3-ba59-2ac469c431e4" /> <img width="514" alt="Screenshot 2025-06-07 at 15 11 16" src="https://github.com/user-attachments/assets/27a63117-be1d-4797-80f7-9ed14cca41dc" /> <img width="346" alt="Screenshot 2025-06-07 at 15 22 26" src="https://github.com/user-attachments/assets/2f371384-0330-4a00-bb79-bc3c50ba5c91" /> 2. fix overflow-related bug on actions run list, before: <img width="302" alt="Screenshot 2025-06-07 at 15 26 26" src="https://github.com/user-attachments/assets/d6607eeb-288b-4e81-a770-45a421c9c68c" /> After: <img width="299" alt="Screenshot 2025-06-07 at 15 26 59" src="https://github.com/user-attachments/assets/b0ddb66f-d4fe-4711-8ed9-eca08ce608f3" />
* Clean up "file-view" related styles (#34558)wxiaoguang2025-05-281-43/+4
| | | | Move "file-view" and "code-view" related styles to their own file, remove unnecessary `!important`
* Fix some dropdown problems on the issue sidebar (#34308)wxiaoguang2025-04-301-10/+0
| | | Also fix #34300
* Fix button alignments (#34276)Kerwin Bryant2025-04-271-0/+1
| | | | | | | | Continue with #34206. --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com> Co-authored-by: Lunny Xiao <xiaolunwen@gmail.com>
* Introduce `--page-space-bottom` at 64px (#30692)silverwind2025-04-251-1/+2
| | | | | | | | | Previously we would always leave 80px space before the page footer, but this is problematic with small viewport heights on projects page for example. I think it' ideal that we use `--page-spacing` which is already in use for spacing on top of the page. The `secondary-nav` margin is also adjusted as I see no value why this shouldn't be the same value.
* Fix various trivial frontend problems (#34263)wxiaoguang2025-04-241-1/+4
| | | | | | | | | | 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>
* Fix various UI problems (#34243)wxiaoguang2025-04-191-0/+1
| | | Also fix #34242
* Fix button alignments and remove unnecessary styles (#34206)Kerwin Bryant2025-04-161-6/+7
| | | | Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
* Optimize overflow-menu (#34183)Kerwin Bryant2025-04-131-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 Lackey2025-04-101-0/+1
| | | | | | | | | | | | | 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 Bryant2025-04-091-0/+12
| | | | | | | | | | | | | | | | | | | | | | 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)wxiaoguang2025-04-061-1/+0
|
* Refactor dropdown ellipsis (#34123)wxiaoguang2025-04-051-18/+12
| | | Remove legacy `truncated-item-container` and `truncated-item-name`.
* Simplify emoji rendering (#34048)silverwind2025-03-281-8/+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-281-0/+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>
* Replace text-align classes with tailwind (#33905)silverwind2025-03-161-8/+0
| | | | | | | Small refactor to remove these CSS classes in favor of tailwind. --------- 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>
* Remove unused CSS styles and move some styles to proper files (#33217)wxiaoguang2025-01-121-208/+0
|
* 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-031-16/+0
|
* Fix and/or comment some legacy CSS problems (#33015)wxiaoguang2024-12-281-1/+2
|
* De-emphasize signed commits (#31160)Blender Defender2024-12-281-6/+1
| | | | | | | | | | 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>
* Refactor issue filter (labels, poster, assignee) (#32771)wxiaoguang2024-12-101-2/+3
| | | | | | | | | | | | 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)
* Add Arch package registry (#32692)KN4CK3R2024-12-041-1/+1
| | | | | | | | | | | | | | | | | | | | | | | Close #25037 Close #31037 This PR adds a Arch package registry usable with pacman. ![grafik](https://github.com/user-attachments/assets/81cdb0c2-02f9-4733-bee2-e48af6b45224) 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>
* Improve issue sidebar UI (#32587)wxiaoguang2024-11-211-0/+4
| | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | | 1. remove duplicate dividers 2. align reviewer items 3. merge & remove unused CSS styles Before: <details> ![image](https://github.com/user-attachments/assets/1b3121ee-b5fa-4fe9-b0f2-344d96dc5fbc) ![image](https://github.com/user-attachments/assets/ba8b97e6-114d-488c-adee-48f6c7a3b580) </details> After: <details> ![image](https://github.com/user-attachments/assets/978eab3e-a5d7-4b68-90ce-079b61994d25) ![image](https://github.com/user-attachments/assets/a8b58a27-dd05-4c8d-be60-816439ce77c6) ![image](https://github.com/user-attachments/assets/b7e6a16c-bf98-4465-a805-9f4a642d366e) </details>
* Add reviewers selection to new pull request (#32403)Calvin K2024-11-091-0/+1
| | | | | | | | | | 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>
* Fix dropdown content overflow (#31610)charles2024-10-131-0/+4
| | | | | | | | | close #31602 ![圖片](https://github.com/go-gitea/gitea/assets/30816317/43722917-bc5e-4e06-b0de-db52552a20df) --------- Co-authored-by: wxiaoguang <wxiaoguang@gmail.com>
* Simplify 404/500 page (#31409)wxiaoguang2024-06-231-0/+14
|
* Fix line number widths (#31341)silverwind2024-06-121-0/+9
| | | | | | | | | | | | | | | | | | 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">
* Fix line number width in code preview (#31307)silverwind2024-06-111-2/+0
| | | | | | | 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.
* Change `--border-radius-circle` to `--border-radius-full` (#30936)silverwind2024-05-251-2/+2
| | | | | | 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.
* Fix some UI regressions for commit list (#30920)wxiaoguang2024-05-101-0/+1
| | | | | | | Close #30919 --------- Co-authored-by: silverwind <me@silverwind.io>
* Fix some UI problems (dropdown/container) (#30849)wxiaoguang2024-05-061-4/+18
| | | | | | Follow #30345 Follow #30547 `ellipsis` / `white-space` shouldn't be put on the general dropdown components.
* Fix branch selector UI (#30803)wxiaoguang2024-05-021-0/+1
| | | Fix #30802
* Right align the "Settings" menu item in overflow-menu (#30764)wxiaoguang2024-04-301-0/+17
| | | | | | | | | | | | | 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: ![image](https://github.com/go-gitea/gitea/assets/2114189/92836527-2cb2-4531-9296-233c5bd698f4) ![image](https://github.com/go-gitea/gitea/assets/2114189/3a0729fc-5e33-44b5-9fb4-3a4e787405b5) ![image](https://github.com/go-gitea/gitea/assets/2114189/9845ab6b-88e3-4e5a-8d6d-2b8af259d593)
* Remove fomantic dimmer module (#30723)silverwind2024-04-291-4/+0
| | | Tested extensively using modal which is the only dependant.
* Fix flash message for flex-container (#30657)wxiaoguang2024-04-231-6/+0
|
* Remove obsolete CSS text classes (#30576)silverwind2024-04-221-16/+0
| | | | | | | | | | | - `.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>
* Fix dropdown text ellipsis (#30628)wxiaoguang2024-04-211-6/+0
| | | | | | | | | | | | | 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. ![image](https://github.com/go-gitea/gitea/assets/2114189/f6ceaabd-bc89-4bf2-baa2-a6f0324c1962)
* Fix flash on dashboard (#30572)silverwind2024-04-211-0/+6
| | | | Fixes https://github.com/go-gitea/gitea/issues/30566, regression from https://github.com/go-gitea/gitea/pull/30214.
* Improve "Reference in new issue" modal (#30547)silverwind2024-04-181-0/+7
| | | | | | | | 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">
* Fix long branch name overflows (#30345)silverwind2024-04-161-0/+2
| | | | | | | | | | | | | 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">
* Improve flex ellipsis (#30479)wxiaoguang2024-04-141-0/+3
| | | | | | | ![image](https://github.com/go-gitea/gitea/assets/2114189/857794d8-2170-42be-a5bf-47ebacbafebd) --------- Co-authored-by: silverwind <me@silverwind.io>
* Remove fomantic button module (#30475)silverwind2024-04-141-8/+0
| | | | | | | | | | 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>
* Remove fomantic menu module (#30325)silverwind2024-04-141-185/+1
| | | | | A lot of variants are in use, so the diff stat isn't so great. Co-authored-by: Giteabot <teabot@gitea.io>
generated by cgit v1.2.3 (git 2.39.1) at 2025-07-15 19:34:50 +0000