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,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 a new issue