feat(ui): responsive, JS-free repo language stats panel (#9532)

Followup to https://codeberg.org/forgejo/forgejo/pulls/6700 & https://codeberg.org/forgejo/forgejo/pulls/9429

## Testing

Test coverage is already present in `tests/e2e/repo-home.test.e2e.ts` - there are no changes in behavior, so just selectors were updated.

## Changes

* Re-make stats using details+summary: it now works without JS, works immediately after page is displayed, responds to clicking more quickly
* Make the clickable bar taller on coarse screens
* Fix broken overflowing on narrow screens

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/9532
Reviewed-by: Otto <otto@codeberg.org>
Co-authored-by: 0ko <0ko@noreply.codeberg.org>
Co-committed-by: 0ko <0ko@noreply.codeberg.org>
This commit is contained in:
0ko
2025-10-05 20:36:35 +02:00
committed by Otto
parent fcf2b0a187
commit abd69183ea
4 changed files with 91 additions and 41 deletions
-11
View File
@@ -1897,17 +1897,6 @@ details.repo-search-result summary::marker {
font-weight: var(--font-weight-medium);
}
.repository .repository-summary #language-stats-bar {
display: flex;
gap: 2px;
padding: 0;
height: 10px;
white-space: nowrap;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
overflow: hidden;
}
#cite-repo-modal #citation-panel {
display: flex;
width: 100%;