adds crosshair cursor to zoomable images

2021-04-19 11:31:24 +02:00 · 2021-04-19 11:31:24 +02:00 · f518d116c7
parent dc9790e413
commit f518d116c7
1 changed files with 5 additions and 6 deletions
--- a/view/common/block-layout/imageViewer.phtml
+++ b/view/common/block-layout/imageViewer.phtml
@ -19,18 +19,17 @@
 		.archive-img {
 			width: <?= $width ?>px;
 		}
+		<?php if ($zoom == true) { ?>
+		#<?= $id ?> {
+			cursor:crosshair;
+		}
+		<?php } ?>
 	</style>

 	<div class="archive-img">
 		<img id="<?= $id ?>"
 				 src="<?= $image ?>"
 		/>
-		<?php if ($zoom == true) { ?>
-			<div
-				style="font-size: 0.75em; color:white; background-color: gray; padding-left: 1em">
-				You can zoom this image
-			</div>
-		<?php } ?>
 	</div>

 	<?php if ($zoom == true) { ?>