gitforge/web_src/css/modules
Magnus Jason 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, a623e4411c
* attachedHorizontalOffset used for the margin on `.ui.segment.attached`, 5c7d5f13d8 (diff-ce37074faf)

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
..
animations.css feat(ui): add switch between formats when previewing CITATION.{cff,bib} files (#9103) 2025-11-14 14:39:20 +01:00
breadcrumb.css
button-legacy.css feat(ui): implement new buttons for better cohesiveness (#9359) 2025-10-05 05:22:32 +02:00
button.css feat(ui): improve new buttons, use in more areas (#9863) 2025-10-28 00:10:38 +01:00
card.css
checkbox.css Tweak and fix toggle checkboxes (#30527) 2024-04-21 12:06:42 +02:00
comment.css
container.css Fix wiki search overflowing on wide screens (#6047) 2024-11-25 09:50:13 +01:00
dialog.css feat(ui): improve modal width rules (#10246) 2025-11-28 19:38:50 +01:00
dimmer.css fix(ui): ensure dimmer always covers whole page (#7471) 2025-04-06 04:23:03 +00:00
divider.css Pulse page improvements (#30149) 2024-04-21 11:08:33 +02:00
dropdown.css feat(ui): convert disable/enable workflow menu to JS-less dropdown (#10133) 2025-11-21 16:59:01 +01:00
flexcontainer.css Use flex-container for dashboard layout (#30214) 2024-04-21 11:12:00 +02:00
grid.css Implement CSS-only input toggling, refactor related forms 2024-08-21 15:03:19 +02:00
hashbox.css chore(ui): improve hashbox (#8721) 2025-08-03 05:49:24 +02:00
header.css fix(ui): fix width of attached fomantic segments (#10240) 2025-11-30 17:13:23 +01:00
input.css Fix right-aligned input icons (#30301) 2024-04-07 15:40:31 +02:00
label.css chore(ui): cleanup unused color CSS (#7898) 2025-05-19 14:04:28 +02:00
list.css Fix floated list items (#30377) 2024-04-15 20:01:35 +02:00
message.css [Port] gitea#30014: Various code view improvements 2024-03-28 16:43:14 +01:00
modal.css
navbar.css feat(ui): JS-less dropdowns in navbar (#10025) 2025-11-16 14:56:42 +01:00
normalize.css
segment.css fix(ui): fix width of attached fomantic segments (#10240) 2025-11-30 17:13:23 +01:00
select.css
stats-bar.css feat(ui): responsive, JS-free repo language stats panel (#9532) 2025-10-05 20:36:35 +02:00
svg.css
switch.css feat(ui): implement new buttons for better cohesiveness (#9359) 2025-10-05 05:22:32 +02:00
tab.css feat: remove fomantic's tab module (#8587) 2025-07-21 22:33:17 +02:00
table.css fix(ui): fix width of attached fomantic segments (#10240) 2025-11-30 17:13:23 +01:00
tippy.css Replace coloris with vanilla-colorful (#30201) 2024-04-07 15:40:31 +02:00
toast.css
user-cards.css fix(ui): ensure same width of usercards in grid (#6799) 2025-05-25 13:31:53 +02:00