mirror/Part-DB.Part-DB-server
1
0
Fork 1
mirror of https://github.com/Part-DB/Part-DB-server.git synced 2025-06-29 21:14:29 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fixed image display style for odd shaped (very small) images.

Browse source
This commit is contained in:
Jan Böhmer 2023-02-20 00:24:12 +01:00
parent f9d5a9a3b5
commit 05ab3c3b7b
4 changed files with 19 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

15
assets/css/app/images.css
View file

@ -46,4 +46,19 @@
height: 1.5em;
max-width: 2.0em;
object-fit: contain;
}
.part-table-image {
max-height: 40px;
object-fit: contain;
width: 100%;
}
.part-info-image {
max-height: 350px;
object-fit: contain;
}
.object-fit-cover {
object-fit: cover;
}

2
src/DataTables/Helpers/PartDataTableHelper.php
View file

@ -88,7 +88,7 @@ class PartDataTableHelper
'Part image',
$this->attachmentURLGenerator->getThumbnailURL($preview_attachment),
$this->attachmentURLGenerator->getThumbnailURL($preview_attachment, 'thumbnail_md'),
'img-fluid hoverpic',
'hoverpic part-table-image',
$title
);
}

2
templates/parts/info/_picture.html.twig
View file

@ -12,7 +12,7 @@
{# @var pic App\Entity\Attachments\Attachment #}
<div class="carousel-item {% if loop.first %}active{% endif %}">
<a href="{{ entity_url(pic, 'file_view') }}" data-turbo="false" target="_blank" rel="noopener">
<img class="d-block w-100 img-fluid img-thumbnail bg-light" src="{{ entity_url(pic, 'file_view') }}" alt="">
<img class="d-block w-100 img-fluid img-thumbnail bg-light part-info-image" src="{{ entity_url(pic, 'file_view') }}" alt="">
<div class="mask"></div>
<div class="carousel-caption-hover">
<div class="carousel-caption">

4
templates/projects/info/_info.html.twig
View file

@ -6,10 +6,10 @@
<div class="col-md-3 col-lg-4 col-4 mt-auto mb-auto">
{% if project.masterPictureAttachment %}
<a href="{{ entity_url(project.masterPictureAttachment, 'file_view') }}" data-turbo="false" target="_blank" rel="noopener">
<img class="d-block w-100 img-fluid img-thumbnail bg-light" src="{{ entity_url(project.masterPictureAttachment, 'file_view') }}" alt="">
<img class="d-block w-100 img-fluid img-thumbnail bg-light part-info-image" src="{{ entity_url(project.masterPictureAttachment, 'file_view') }}" alt="">
</a>
{% else %}
<img src="{{ asset('img/part_placeholder.svg') }}" class="img-fluid img-thumbnail bg-light mb-2" alt="Part main image" height="300" width="300">
<img src="{{ asset('img/part_placeholder.svg') }}" class="img-fluid img-thumbnail bg-light mb-2 " alt="Part main image" height="300" width="300">
{% endif %}
</div>
<div class="col-md-9 col-lg-8 col-7">