forked from zaclys/searxng
		
	[mod] simple theme: set height of embedded content (iframe)
This commit sets appropriate height of the (embedded) player from: - soundcloud - mixcloud - deezer Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
This commit is contained in:
		
							parent
							
								
									7352c6bc79
								
							
						
					
					
						commit
						8acf540f0e
					
				
					 2 changed files with 20 additions and 0 deletions
				
			
		
							
								
								
									
										19
									
								
								searx/static/themes/simple/src/less/embedded.less
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										19
									
								
								searx/static/themes/simple/src/less/embedded.less
									
										
									
									
									
										Normal file
									
								
							|  | @ -0,0 +1,19 @@ | ||||||
|  | iframe[src^="https://w.soundcloud.com"] { | ||||||
|  |   height: 120px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | iframe[src^="https://www.deezer.com"] { | ||||||
|  |   // The real size is 92px, but 94px are needed to avoid an inner scrollbar of | ||||||
|  |   // the embedded HTML. | ||||||
|  |   height: 94px; | ||||||
|  | } | ||||||
|  | 
 | ||||||
|  | iframe[src^="https://www.mixcloud.com"] { | ||||||
|  |   // the embedded player from mixcloud has some quirks: initial there is an | ||||||
|  |   // issue with an image URL that is blocked since it is an a Cross-Origin | ||||||
|  |   // request. The alternative text (<img alt='Mixcloud Logo'> then cause an | ||||||
|  |   // scrollbar in the inner of the iframe we can't avoid.  Another quirk comes | ||||||
|  |   // when pressing the play button, somtimes the shown player has an height of | ||||||
|  |   // 200px, somtimes 250px. | ||||||
|  |   height: 250px; | ||||||
|  | } | ||||||
|  | @ -17,6 +17,7 @@ | ||||||
| @import "autocomplete.less"; | @import "autocomplete.less"; | ||||||
| @import "detail.less"; | @import "detail.less"; | ||||||
| @import "animations.less"; | @import "animations.less"; | ||||||
|  | @import "embedded.less"; | ||||||
| 
 | 
 | ||||||
| // for index.html template | // for index.html template | ||||||
| @import "index.less"; | @import "index.less"; | ||||||
|  |  | ||||||
		Loading…
	
	Add table
		
		Reference in a new issue
	
	 Markus Heiser
						Markus Heiser