realaravinth/bench-forgejo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Kd/fix team avatar aspect ratio (#14200)

Browse source 
* Add org member avatar to text data for fixed width

* set min-width to prevent single char lines
This commit is contained in:
Kyle D 2021-01-03 14:20:05 -07:00 committed by GitHub
parent 9cc5a89b8c
commit 4092c044e0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
templates/org/member/members.tmpl
View file

@ -7,12 +7,12 @@
<div class="list"> <div class="list">
{{ range .Members}} {{ range .Members}}
<div class="item ui grid"> <div class="item ui grid">
<div class="ui one wide column"> <div class="ui four wide column" style="display: flex;">
{{avatar . 48}} {{avatar . 48}}
</div> <div>
<div class="ui three wide column"> <div class="meta"><a href="{{.HomeLink}}">{{.Name}}</a></div>
<div class="meta"><a href="{{.HomeLink}}">{{.Name}}</a></div> <div class="meta">{{.FullName}}</div>
<div class="meta">{{.FullName}}</div> </div>
</div> </div>
<div class="ui four wide column center"> <div class="ui four wide column center">
<div class="meta"> <div class="meta">

6
web_src/less/_organization.less
View file

@ -121,11 +121,15 @@
.ui.avatar { .ui.avatar {
width: 48px; width: 48px;
height: 48px; height: auto;
margin-right: 1rem;
align-self: flex-start;
} }
.meta { .meta {
line-height: 24px; line-height: 24px;
word-break: break-word;
min-width: 2em;
} }
} }
} }