From 3e1273d56c011ecb1e120740a15c6b5c95c9cdde Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <venomgfx@gmail.com>
Date: Tue, 18 Sep 2018 12:49:06 +0200
Subject: [PATCH] CSS: zoom-in cursor utility

---
 src/styles/_project.sass          | 6 +-----
 src/styles/_utils.sass            | 3 +++
 src/templates/nodes/view_base.pug | 2 +-
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/styles/_project.sass b/src/styles/_project.sass
index f85d9e16..e47dba44 100644
--- a/src/styles/_project.sass
+++ b/src/styles/_project.sass
@@ -485,8 +485,8 @@ section.node-preview
 	color: $color-text-light-primary
 	flex-shrink: 0 // prevents content/comments to make preview dissappear
 	max-height: calc((9 / 16) * 133vh)
-  min-height: 200px
 	overflow: hidden
+	min-height: 200px
 
 	iframe
 		width: 100%
@@ -501,10 +501,6 @@ section.node-preview
 		+media-xs
 			width: 100%
 
-	&.image
-		cursor: zoom-in
-		overflow: hidden
-
 	&.video
 		background-color: black
 		position: relative
diff --git a/src/styles/_utils.sass b/src/styles/_utils.sass
index e12b3a9f..68060f3e 100644
--- a/src/styles/_utils.sass
+++ b/src/styles/_utils.sass
@@ -645,6 +645,9 @@
 .cursor-pointer
 	cursor: pointer
 
+.cursor-zoom-in
+	cursor: zoom-in
+
 .user-select-none
 	user-select: none
 
diff --git a/src/templates/nodes/view_base.pug b/src/templates/nodes/view_base.pug
index b737759b..8d9c85c1 100644
--- a/src/templates/nodes/view_base.pug
+++ b/src/templates/nodes/view_base.pug
@@ -3,7 +3,7 @@
 | {% block node_preview %}
 | {% if node.picture %}
 | {% if current_user.has_cap('subscriber') or node.permissions.world %}
-section.node-preview.d-flex.justify-content-center(
+section.node-preview.d-flex.justify-content-center.cursor-zoom-in(
 	class="js-node-preview-image")
 	img.node-preview-thumbnail(
 		src="{{ node.picture.thumbnail('l', api=api) }}",