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
This commit is contained in:
parent
9cc5a89b8c
commit
4092c044e0
2 changed files with 10 additions and 6 deletions
|
@ -7,13 +7,13 @@
|
|||
<div class="list">
|
||||
{{ range .Members}}
|
||||
<div class="item ui grid">
|
||||
<div class="ui one wide column">
|
||||
<div class="ui four wide column" style="display: flex;">
|
||||
{{avatar . 48}}
|
||||
</div>
|
||||
<div class="ui three wide column">
|
||||
<div>
|
||||
<div class="meta"><a href="{{.HomeLink}}">{{.Name}}</a></div>
|
||||
<div class="meta">{{.FullName}}</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui four wide column center">
|
||||
<div class="meta">
|
||||
{{$.i18n.Tr "org.members.membership_visibility"}}
|
||||
|
|
|
@ -121,11 +121,15 @@
|
|||
|
||||
.ui.avatar {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
height: auto;
|
||||
margin-right: 1rem;
|
||||
align-self: flex-start;
|
||||
}
|
||||
|
||||
.meta {
|
||||
line-height: 24px;
|
||||
word-break: break-word;
|
||||
min-width: 2em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Reference in a new issue