[enh] more compact image view
This commit is contained in:
		
							parent
							
								
									be42683cbc
								
							
						
					
					
						commit
						4ebf8389e8
					
				| @ -84,5 +84,9 @@ a { text-decoration: none; } | |||||||
| 
 | 
 | ||||||
| .invisible { display: none; } | .invisible { display: none; } | ||||||
| 
 | 
 | ||||||
| .image_result { float: left; max-width: 250px; margin: 10px; height: 380px; min-width: 250px; } | .image_result { float: left; margin: 10px 10px; position: relative;  height: 160px;} | ||||||
| .image_result img { max-width: 240px; max-height: 320px; border: 2px solid #000000; } | .image_result img { border: 0;  height: 160px;} | ||||||
|  | .image_result p { margin: 0; padding: 0; } | ||||||
|  | .image_result p span a { display: none; } | ||||||
|  | .image_result p span a { color: #FFFFFF; } | ||||||
|  | .image_result p:hover span a { display: block; position: absolute; bottom: 0; right: 0; padding: 4px; background-color: rgba(0, 0, 0, 0.6); font-size: 0.7em; } | ||||||
|  | |||||||
| @ -1,8 +1,6 @@ | |||||||
| <div class="image_result"> | <div class="image_result"> | ||||||
|     <p> |     <p> | ||||||
|         <span class="engines">{{ result.engine }}</span><br /> |  | ||||||
|         <a href="{{ result.img_src }}"><img src="{{ result.img_src }}" title={{ result.title }}/></a> |         <a href="{{ result.img_src }}"><img src="{{ result.img_src }}" title={{ result.title }}/></a> | ||||||
|         <br /> |  | ||||||
|         <span class="url"><a href="{{ result.url }}" class="small_font">original context</a></span> |         <span class="url"><a href="{{ result.url }}" class="small_font">original context</a></span> | ||||||
|     </p> |     </p> | ||||||
| </div> | </div> | ||||||
|  | |||||||
		Loading…
	
		Reference in New Issue
	
	Block a user