Browse Source

[fix] simple theme: support browsers which do not have aspect-ratio

Suggested-by: @dalf https://github.com/searxng/searxng/pull/882#discussion_r805187303
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
Markus Heiser 3 years ago
parent
commit
f5e8cfade2
1 changed files with 8 additions and 0 deletions
  1. 8 0
      searx/static/themes/simple/src/less/style.less

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

@@ -316,6 +316,14 @@ article[data-vim-selected].category-social {
   padding: 10px 0 0 0;
 }
 
+@supports not (aspect-ratio: 1 / 1) {
+  // support older browsers which do not have aspect-ratio
+  // https://caniuse.com/?search=aspect-ratio
+  .result-videos .embedded-video iframe {
+    height: calc(@results-width * 9 / 16);
+  }
+}
+
 .engines {
   .ltr-float-right();
   color: var(--color-result-engines-font);