forgejo/web_src/css
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
..
chroma [Port] gitea#30014: Various code view improvements 2024-03-28 16:43:14 +01:00
codemirror Remove EasyMDE focus outline on text (#25328) 2023-06-18 04:10:07 +00:00
editor fix(ui/mde): fix switch height and buttons alignment (#9545) 2025-10-08 17:53:50 +02:00
features chore(ui): clean up hashbox CSS, small design changes (#7822) 2025-05-25 12:51:27 +02:00
markup feat(ui): render ordered checkbox lists with numbers (#9184) 2025-09-06 16:23:06 +02:00
modules fix(ui): fix width of attached fomantic segments (#10240) 2025-11-30 17:13:23 +01:00
repo ui: improve release editing (#9940) 2025-11-30 05:08:24 +01:00
shared fix(ui): improve milestone/project header consistency (#7174) 2025-03-09 16:24:52 +00:00
standalone Add toasts to UI (#25449) 2023-06-27 02:45:24 +00:00
themes feat(ui): improve new buttons, use in more areas (#9863) 2025-10-28 00:10:38 +01:00
actions.css Add support for workflow_dispatch (#3334) 2024-06-28 05:17:11 +00:00
admin.css feat: move more modals to native dialogs (#9636) 2025-10-13 17:48:49 +02:00
base.css feat: Prioritize Noto Sans over Roboto and Noto Sans Hebrew over Arial (#6931) 2025-10-17 14:40:51 +02:00
dashboard.css feat(ui): welcome screen for user dashboard (#7030) 2025-02-23 08:41:31 +00:00
explore.css [Port] gitea#29982 Introduce .secondary-nav and handle .page-content spacing universally 2024-03-28 16:43:09 +01:00
font_i18n.css Fix @font-face overrides (#24855) 2023-05-24 01:48:51 +00:00
form.css chore(ui): remove unused css of id create-page-form (#9933) 2025-11-03 13:45:51 +01:00
helpers.css Merge pull request 'Replace gt-word-break with tw-break-anywhere' (#4102) from 0ko/forgejo:ui-replace-gt-word-break into forgejo 2024-06-11 10:39:03 +00:00
home.css fix(ui): center footer links (#7925) 2025-05-22 15:27:00 +02:00
index.css feat(ui): implement new buttons for better cohesiveness (#9359) 2025-10-05 05:22:32 +02:00
install.css UI improvements to optional sections in installation page (#4062) 2024-06-07 17:57:54 +00:00
migrate.css feat(ui): redesign migration selection screen (#6795) 2025-04-19 13:51:35 +00:00
org.css chore(ui): remove unused css of id create-page-form (#9933) 2025-11-03 13:45:51 +01:00
repo.css feat(ui): add switch between formats when previewing CITATION.{cff,bib} files (#9103) 2025-11-14 14:39:20 +01:00
review.css fix(ui): don't allow comment boxes to stretch outside diff boundries on small device UI (#9052) 2025-08-29 21:32:50 +02:00
user.css chore(ui): improve dropdown opener visibility (#9317) 2025-09-17 20:29:52 +02:00