Skip to content

Commit 4092c04

Browse files
authored
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
1 parent 9cc5a89 commit 4092c04

File tree

2 files changed

+10
-6
lines changed

2 files changed

+10
-6
lines changed

templates/org/member/members.tmpl

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -7,12 +7,12 @@
77
<div class="list">
88
{{ range .Members}}
99
<div class="item ui grid">
10-
<div class="ui one wide column">
10+
<div class="ui four wide column" style="display: flex;">
1111
{{avatar . 48}}
12-
</div>
13-
<div class="ui three wide column">
14-
<div class="meta"><a href="{{.HomeLink}}">{{.Name}}</a></div>
15-
<div class="meta">{{.FullName}}</div>
12+
<div>
13+
<div class="meta"><a href="{{.HomeLink}}">{{.Name}}</a></div>
14+
<div class="meta">{{.FullName}}</div>
15+
</div>
1616
</div>
1717
<div class="ui four wide column center">
1818
<div class="meta">

web_src/less/_organization.less

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -121,11 +121,15 @@
121121

122122
.ui.avatar {
123123
width: 48px;
124-
height: 48px;
124+
height: auto;
125+
margin-right: 1rem;
126+
align-self: flex-start;
125127
}
126128

127129
.meta {
128130
line-height: 24px;
131+
word-break: break-word;
132+
min-width: 2em;
129133
}
130134
}
131135
}

0 commit comments

Comments
 (0)