mirror of
https://github.com/searxng/searxng.git
synced 2024-12-22 17:26:30 +00:00
[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…
Reference in a new issue