0koandBeowulf 7086e7a9ac feat(ui): redesign user profile actions layout (#7906) ...

Related: https://codeberg.org/forgejo/forgejo/pulls/3950#issue-785253, https://codeberg.org/forgejo/forgejo/pulls/3950#issuecomment-1998551.

## Links in dropdown

* move _admin only_ User details link here, give it always-visible text
* add new _self only_ Edit profile link here
* move RSS feed link here
* add new Atom feed link here, previously unadvertised
* add new SSH keys link here (`.keys`), previously unadvertised
* add new GPG keys link here (`.gpg`), previously unadvertised
* move Block/Unblock button here
* move Report abuse link here

If primary action is available (Follow/Unfollow), dropdown with more actions goes after it. If not, it is in line with followers, in place where RSS feed button used to be.

## New dropdown

Related: https://codeberg.org/forgejo/design/issues/23, https://codeberg.org/forgejo/forgejo/issues/3853, https://codeberg.org/0ko/forgejo/issues/2.

Implemented a new dropdown: noJS-usable, JS-enhanced for better keyboard navigation and a11y.
Styling is mostly same as the existing ones have, but row density depends on `@media` pointer type.

My choice of CSS properties have been influenced of these:
* https://github.com/picocss/pico/commit/72a3adb16b2f3248b456da823502f166510720a0
* https://github.com/picocss/pico/commit/51dd2293cab8d77cf13fc2c32b6053ffa654bc56

Inspired-by: KiranMantha <kiranv.mantha@gmail.com>
Inspired-by: Lucas Larroche <lucas@larroche.com>
Co-authored-by: Beowulf <beowulf@beocode.eu>
Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/7906
Reviewed-by: Otto <otto@codeberg.org>
Reviewed-by: Beowulf <beowulf@beocode.eu>
Co-authored-by: 0ko <0ko@noreply.codeberg.org>
Co-committed-by: 0ko <0ko@noreply.codeberg.org>

2025-06-24 14:16:51 +02:00

..

animations.css

Change --border-radius-circle to --border-radius-full (gitea#30936)

2024-05-27 13:15:20 +02:00

breadcrumb.css

Use unique class for breadcrumb divider (#26524)

2023-08-16 00:08:23 +00:00

button.css

chore(ui): cleanup unused color CSS (#7898)

2025-05-19 14:04:28 +02: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

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): redesign user profile actions layout (#7906)

2025-06-24 14:16:51 +02: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

header.css

Pulse page improvements (#30149)

2024-04-21 11:08:33 +02: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

Fix spacing in issue navbar (#30238)

2024-04-07 15:40:31 +02:00

normalize.css

Use line-height: normal by default (#26635)

2023-08-22 10:19:15 +00:00

segment.css

Fix border-radius of header+segment boxes (#30667)

2024-04-28 15:39:01 +02:00

select.css

add stylelint-stylistic (#25285)

2023-06-17 13:20:32 +00:00

svg.css

Prevent SVG shrinking (#25652)

2023-07-04 02:15:06 +00:00

switch.css

fix(ui): use gap in switch items (#7581)

2025-04-21 04:25:08 +00:00

table.css

Fix table alignment classes (#30144)

2024-03-30 07:17:31 +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