forgejo/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-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
..
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 Use unique class for breadcrumb divider (#26524) 2023-08-16 00:08:23 +00:00
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 Update JS dependencies and misc tweaks (#25540) 2023-06-27 21:44:17 +02:00
checkbox.css Tweak and fix toggle checkboxes (#30527) 2024-04-21 12:06:42 +02:00
comment.css Consolidate the two review boxes into one (#24738) 2023-05-29 12:44:03 +02:00
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 Improve issue history dialog and make poster can delete their own history (#27323) 2023-09-28 08:43:20 +00:00
navbar.css feat(ui): JS-less dropdowns in navbar (#10025) 2025-11-16 14:56:42 +01:00
normalize.css Use line-height: normal by default (#26635) 2023-08-22 10:19:15 +00:00
segment.css fix(ui): fix width of attached fomantic segments (#10240) 2025-11-30 17:13:23 +01:00
select.css add stylelint-stylistic (#25285) 2023-06-17 13:20:32 +00:00
stats-bar.css feat(ui): responsive, JS-free repo language stats panel (#9532) 2025-10-05 20:36:35 +02:00
svg.css Prevent SVG shrinking (#25652) 2023-07-04 02:15:06 +00:00
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 Remove some unused CSS styles (#26852) 2023-09-01 08:59:38 +02:00
user-cards.css fix(ui): ensure same width of usercards in grid (#6799) 2025-05-25 13:31:53 +02:00