[feat] images: show resolution inside the image and fix image details overflow

Co-authored-by: Markus Heiser <markus.heiser@darmarit.de>
2024-02-21 19:05:54 +01:00
parent e76ab1a4b3
commit db1f9b31c9
3 changed files with 18 additions and 6 deletions
--- a/searx/static/themes/simple/src/less/style.less
+++ b/searx/static/themes/simple/src/less/style.less
@@ -464,6 +464,17 @@ article[data-vim-selected].category-social {
    background: var(--color-result-image-background);
  }

+  .image_resolution {
+    position: absolute;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 50%);
+    padding: 0.3rem 0.5rem;
+    font-size: 0.9rem;
+    color: #fff;
+    border-top-left-radius: 0.3rem;
+  }
+
  span.title,
  span.source {
    display: block;