Kd/fix team avatar aspect ratio (#14200)
* Add org member avatar to text data for fixed width * set min-width to prevent single char linesrelease/v1.15
parent
9cc5a89b8c
commit
4092c044e0
|
@ -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">
|
||||||
|
|
|
@ -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…
Reference in New Issue