diff --git a/ckanext/odsh/public/odsh.css b/ckanext/odsh/public/odsh.css index 8997b7085d533625e93f35a5d22d125f411089ca..58e25ca8d9bcbde8938508c88a0f1e032d549fc3 100644 --- a/ckanext/odsh/public/odsh.css +++ b/ckanext/odsh/public/odsh.css @@ -199,7 +199,11 @@ section#dataset-preview p { display: flex; } -.container-preview-large > img { +.container-preview-large a { + margin-left: auto; +} + +.container-preview-large img { height: 100%; margin-left: auto; margin-right: auto; @@ -642,7 +646,7 @@ label.rangesearch.disabled { } } -.preview-image-container > img { +.preview-image-container img { margin-top: auto; height: auto; max-width: 102px; diff --git a/ckanext/odsh/templates/package/read.html b/ckanext/odsh/templates/package/read.html index cbb909f9d10622feee9212dc3c338003fc541e3c..885c0ce3d6118c5855ece003c635069d7aaa4ca6 100644 --- a/ckanext/odsh/templates/package/read.html +++ b/ckanext/odsh/templates/package/read.html @@ -80,7 +80,9 @@ <section id="dataset-preview"> <h3>{{ _('Preview') }}:</h3> <div class="container-preview-large"> - <img src= "{{ picture }}" alt= "Vorschau"/> + <a href="#"> + <img src= "{{ picture }}" alt= "Vorschau"/> + </a> </div> </section> {% endif %} diff --git a/ckanext/odsh/templates/snippets/package_item.html b/ckanext/odsh/templates/snippets/package_item.html index a0800747a092e58fa0f9ede98d643e257ddd064a..d6fe607096a23ebdc7495131158b9794927e7a5e 100644 --- a/ckanext/odsh/templates/snippets/package_item.html +++ b/ckanext/odsh/templates/snippets/package_item.html @@ -35,8 +35,10 @@ Example: <div class="odsh-dataset-item"> <div class="preview-image-container"> {% if thumbnail %} - <img src= "{{ thumbnail }}" alt= "Vorschau" /> - {% endif%} + <a href={{ h.url_for(controller='package', action='read', id=package.name) }}> + <img src= "{{ thumbnail }}" alt= "Vorschau" /> + </a> + {% endif%} </div> {% block content %} <div class="dataset-content">