diff options
| author | Kyle D <kdumontnu@gmail.com> | 2021-01-03 14:20:05 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2021-01-03 22:20:05 +0100 |
| commit | 4092c044e0ccd0f3b6c9224c34fb7d1265851f4b (patch) | |
| tree | f5c77715ccef6a51d7b01ef8f0adc24352545bc3 | |
| parent | 9cc5a89b8c8654e3e40686323572e69300807629 (diff) | |
| download | gitea-4092c044e0ccd0f3b6c9224c34fb7d1265851f4b.tar.gz gitea-4092c044e0ccd0f3b6c9224c34fb7d1265851f4b.zip | |
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
| -rw-r--r-- | templates/org/member/members.tmpl | 10 | ||||
| -rw-r--r-- | web_src/less/_organization.less | 6 |
2 files changed, 10 insertions, 6 deletions
diff --git a/templates/org/member/members.tmpl b/templates/org/member/members.tmpl index 74d84b2e87..0952d12766 100644 --- a/templates/org/member/members.tmpl +++ b/templates/org/member/members.tmpl @@ -7,12 +7,12 @@ <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 class="meta"><a href="{{.HomeLink}}">{{.Name}}</a></div> - <div class="meta">{{.FullName}}</div> + <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"> diff --git a/web_src/less/_organization.less b/web_src/less/_organization.less index 1a458da61d..64da65f7af 100644 --- a/web_src/less/_organization.less +++ b/web_src/less/_organization.less @@ -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; } } } |