Browse Source

[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>
Markus Heiser 3 years ago
parent
commit
8acf540f0e

+ 19 - 0
searx/static/themes/simple/src/less/embedded.less

@@ -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;
+}

+ 1 - 0
searx/static/themes/simple/src/less/style.less

@@ -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";