forgejo_backup/templates/repo/user_cards.tmpl
0ko 8b93f41aaa fix(ui): ensure same width of usercards in grid (#6799)
Followup to https://codeberg.org/forgejo/forgejo/pulls/4760

* some refactoring
    * move rules out of repo.css to a new module
    * simplify selectors by omitting .list: it is now only used to style the list itself, they're still precise enough in scope of .user-cards
* apply wrap/ellipsis to cards' content. Done via CSS to avoid spamming gt-ellipsis in the template
    * prevent cards with long content from taking horizontal space from other cards
    * prevent such cards from causing horizontal overflow on mobile
    * prevent varying card height, it doesn't look good even with text wrapping

Reviewed-on: https://codeberg.org/forgejo/forgejo/pulls/6799
Reviewed-by: Otto <otto@codeberg.org>
Co-authored-by: 0ko <0ko@noreply.codeberg.org>
Co-committed-by: 0ko <0ko@noreply.codeberg.org>
2025-05-25 13:31:53 +02:00

36 lines
895 B
Go HTML Template

<div class="user-cards">
{{if .CardsTitle}}
<h2>
{{.CardsTitle}}
</h2>
{{end}}
{{if .Cards}}
<ul class="list">
{{range .Cards}}
<li class="card">
<a href="{{.HomeLink}}">
{{ctx.AvatarUtils.Avatar .}}
</a>
<div class="content">
<h3 class="name">
<a href="{{.HomeLink}}">{{.DisplayName}}</a>
</h3>
<div class="meta">
{{if .Website}}
{{svg "octicon-link"}} <a href="{{.Website}}" target="_blank" rel="noopener noreferrer">{{.Website}}</a>
{{else if .Location}}
{{svg "octicon-location"}} {{.Location}}
{{else}}
{{svg "octicon-calendar"}} {{ctx.Locale.Tr "user.joined_on" (DateUtils.AbsoluteShort .CreatedUnix)}}
{{end}}
</div>
</div>
</li>
{{end}}
</ul>
{{else if .CardsNoneMsg}}
<div>{{.CardsNoneMsg}}</div>
{{end}}
{{template "base/paginate" .}}
</div>