[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:
Bnyro 2024-02-21 19:05:54 +01:00 committed by Markus Heiser
parent e76ab1a4b3
commit db1f9b31c9
3 changed files with 18 additions and 6 deletions

View file

@ -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;

View file

@ -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;