Cameron Radmore and Gusted
6b75654cc2
chore: enforce RTL-friendly logical CSS properties with a linter ( #12491 )
...
Related issue: https://codeberg.org/forgejo/forgejo/issues/8581
This should be a nice first step towards RTL support. Future PRs can look at updating the tailwind classes, changing some of the icons (arrow left might need to become arrow right in some cases for example, and updating the template files)
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/12491
Reviewed-by: 0ko <0ko@noreply.codeberg.org >
2026-05-11 00:20:45 +02:00
panc and 0ko
b921d5bdb3
fix(ui): fix dashboard some style issues ( #11461 )
...
1. Remove excess left and right margins
2. Remove excess bottom margin
3. Fixed the missing top rounded corner when repo is 0
| Before | After |
|----|----|
|  |  |
|  |  |
|  |  |
Co-authored-by: 0ko <0ko@noreply.codeberg.org >
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/11461
Reviewed-by: 0ko <0ko@noreply.codeberg.org >
Co-authored-by: panc <pan0xc@foxmail.com >
Co-committed-by: panc <pan0xc@foxmail.com >
2026-03-02 05:04:57 +01:00
Magnus Jason and Gusted
36ea60023a
fix(ui): fix width of attached fomantic segments ( #10240 )
...
The REAME on a repositories home page is 2px wider than the other elements in the main container. 1px on each side.
There appear to be at least 330 files that have one of these styles, I have tried to go through the UI and look for any regressions, but I may have missed some.
```sh
rg '(?=.*\bui\b)(?=.*\battached\b)(?=.*\bheader\b)' --pcre2|wc
275
rg '(?=.*\bui\b)(?=.*\battached\b)(?=.*\bsegment\b)' --pcre2|wc
330
rg '(?=.*\bui\b)(?=.*\battached\b)(?=.*\btable\b)' --pcre2|wc
56
```
I tried to track down the origin. I found the following information.
The behavior originates in semantic-ui, and was carried on in the fomantic-ui fork. It looks like the author was trying to achieve a 1px box-shadow look, but decided to implement it using a border after poor results with box-shadow.
* attachedHorizontalOffset introduced, https://github.com/fomantic/Fomantic-UI/commit/a623e4411c1ff958610e7b9da2d84ef55ecd4ec9
* attachedHorizontalOffset used for the margin on `.ui.segment.attached`, https://github.com/fomantic/Fomantic-UI/commit/5c7d5f13d83b25ec93b538f46e75835e1d7c2d98#diff-ce37074faff5ddf9591ee8fd88818b6e99376519ce9e6e451cdb7db20dcbecf6R449
I also found some upstream issues raised about the same bug:
* https://github.com/Semantic-Org/Semantic-UI/issues/3592
* https://github.com/Semantic-Org/Semantic-UI/issues/4248
* https://github.com/Semantic-Org/Semantic-UI/issues/6763
* https://github.com/fomantic/Fomantic-UI/issues/1401
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/10240
Reviewed-by: 0ko <0ko@noreply.codeberg.org >
Reviewed-by: Gusted <gusted@noreply.codeberg.org >
Co-authored-by: Magnus Jason <magnus@magnusjason.com >
Co-committed-by: Magnus Jason <magnus@magnusjason.com >
2025-11-30 17:13:23 +01:00
silverwind and Earl Warren
bce70cc024
Fix border-radius of header+segment boxes ( #30667 )
...
This is a very old bug with the bottom border-radiuses not being there
and the `:has` selector now makes it possible to cleanly solve it. It
affects all header+segment boxes, which there are many throughout the
UI:
<img width="1017" alt="Screenshot 2024-04-23 at 20 47 21"
src="https://github.com/go-gitea/gitea/assets/115237/870fe352-cc38-4bd6-bfe6-9fe8c3066f92 ">
(cherry picked from commit 3f19a6334575e1d2849999e8339f1b515cefaf1a)
2024-04-28 15:39:01 +02:00
43122ca984
Fix:the rounded corners of the folded file are not displayed correctly ( #29953 )
...
Fix: [#29933 ](https://github.com/go-gitea/gitea/issues/29933 )
**Before**
**After**
---------
Co-authored-by: silverwind <me@silverwind.io >
Conflicts:
- web_src/css/modules/segment.css
Ported by adding the new selector with a larger radius,
keeping the existing one with ours.
2024-04-07 16:37:36 +02:00
0ko
177d8e7769
Fix selector inner radius
...
- Fixes https://codeberg.org/forgejo/forgejo/issues/2835
2024-03-30 21:04:48 +05:00
silverwind and Earl Warren
c5eae64e06
Remove fomantic segment module ( #30042 )
...
Another CSS-only module. Also, I re-ordered the imports based on
[original fomantic
order](https://github.com/fomantic/Fomantic-UI/blob/2.8.7/src/semantic.less ).
(cherry picked from commit 8d93cea2969730fc8f3bdeb3704a3b89db0bbcc0)
2024-03-30 07:17:29 +01:00
