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
go-gitea · Jan 3, 2021 · 4092c04 · 4092c04
1 parent 9cc5a89
commit 4092c04
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 6 deletions.
diff --git 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
@@ -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;
         }
       }
     }