From 8acf540f0ec204bcfbff9896e9ac80aa2f5589ac Mon Sep 17 00:00:00 2001 From: Markus Heiser Date: Fri, 18 Feb 2022 18:10:25 +0100 Subject: [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 --- searx/static/themes/simple/src/less/embedded.less | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) create mode 100644 searx/static/themes/simple/src/less/embedded.less (limited to 'searx/static/themes/simple/src/less/embedded.less') diff --git a/searx/static/themes/simple/src/less/embedded.less b/searx/static/themes/simple/src/less/embedded.less new file mode 100644 index 000000000..4a43ea78d --- /dev/null +++ b/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 (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; +} -- cgit v1.2.3