mirror of
https://github.com/searxng/searxng.git
synced 2024-11-19 19:00:10 +01: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
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 "detail.less";
|
||||
@import "animations.less";
|
||||
@import "embedded.less";
|
||||
|
||||
// for index.html template
|
||||
@import "index.less";
|
||||
|
Loading…
Reference in New Issue
Block a user