Fixed issue with image links covering all image wrapper area.
This commit is contained in:
@@ -189,7 +189,6 @@ body {
|
|||||||
/* Image view specific styles */
|
/* Image view specific styles */
|
||||||
.image-content {
|
.image-content {
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
padding: 18px;
|
|
||||||
flex: 1 1 auto; /* occupy available vertical space inside main-area */
|
flex: 1 1 auto; /* occupy available vertical space inside main-area */
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center; /* center the image vertically */
|
align-items: center; /* center the image vertically */
|
||||||
|
|||||||
@@ -164,11 +164,11 @@
|
|||||||
|
|
||||||
<section class="gallery-scroll flex-grow-1 d-flex">
|
<section class="gallery-scroll flex-grow-1 d-flex">
|
||||||
<div class="image-content w-100">
|
<div class="image-content w-100">
|
||||||
<a href="{{ image_path }}" target="_blank">
|
<div class="image-wrapper">
|
||||||
<div class="image-wrapper">
|
<a href="{{ image_path }}" target="_blank">
|
||||||
<img src="{{ image_path }}" alt="{{ image_path.name }}" class="image-full">
|
<img src="{{ image_path }}" alt="{{ image_path.name }}" class="image-full">
|
||||||
</div>
|
</a>
|
||||||
</a>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|||||||
Reference in New Issue
Block a user