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
comment.css
container.css
dialog.css feat(ui): improve modal width rules (#10246) 2025-11-28 19:38:50 +01:00
dimmer.css
divider.css
dropdown.css feat(ui): convert disable/enable workflow menu to JS-less dropdown (#10133) 2025-11-21 16:59:01 +01:00
flexcontainer.css
grid.css
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
label.css chore(ui): cleanup unused color CSS (#7898) 2025-05-19 14:04:28 +02:00
list.css
message.css
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
toast.css
user-cards.css fix(ui): ensure same width of usercards in grid (#6799) 2025-05-25 13:31:53 +02:00