mirror of
https://github.com/searxng/searxng.git
synced 2025-08-03 10:32:21 +02:00
[feat] images: show resolution inside the image and fix image details overflow
Co-authored-by: Markus Heiser <markus.heiser@darmarit.de>
This commit is contained in:
parent
e76ab1a4b3
commit
db1f9b31c9
3 changed files with 18 additions and 6 deletions
|
@ -67,7 +67,10 @@ article.result-images .detail {
|
|||
p {
|
||||
color: var(--color-result-detail-label-font);
|
||||
font-size: 0.9rem;
|
||||
line-height: 0.9rem;
|
||||
white-space: nowrap;
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
margin: 0.8rem 0;
|
||||
|
||||
span {
|
||||
display: inline-block;
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue