Kd/fix team avatar aspect ratio (#14200)

* Add org member avatar to text data for fixed width

* set min-width to prevent single char lines
pull/13857/head
Kyle D 4 years ago committed by GitHub
parent 9cc5a89b8c
commit 4092c044e0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 6
      templates/org/member/members.tmpl
  2. 6
      web_src/less/_organization.less

@ -7,13 +7,13 @@
<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">
{{$.i18n.Tr "org.members.membership_visibility"}} {{$.i18n.Tr "org.members.membership_visibility"}}

@ -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;
} }
} }
} }

Loading…
Cancel
Save