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) }}",