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,13 +7,13 @@ | |||
| 		<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> | ||||
| 							<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"> | ||||
| 							{{$.i18n.Tr "org.members.membership_visibility"}} | ||||
|  |  | |||
|  | @ -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; | ||||
|         } | ||||
|       } | ||||
|     } | ||||
|  |  | |||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue
	
	 Kyle D
				Kyle D