From 11ad530749aa08b6bb34d909cc07d759b4ffea77 Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <venomgfx@gmail.com>
Date: Fri, 4 Nov 2016 11:42:34 +0100
Subject: [PATCH] Style shots not in the edit

---
 src/styles/_shots.sass                       | 37 ++++++++++++++++++++
 src/templates/attract/shots/for_project.jade |  2 +-
 2 files changed, 38 insertions(+), 1 deletion(-)

diff --git a/src/styles/_shots.sass b/src/styles/_shots.sass
index 6d1b5a1..f268357 100644
--- a/src/styles/_shots.sass
+++ b/src/styles/_shots.sass
@@ -43,6 +43,40 @@
 				.table-cell:last-child
 					box-shadow: inset -5px 0 0 $color-primary
 
+			&.not-in-edit
+				+stripes(rgba($color-background, .2), rgba($color-background, .5), -45deg, 25px)
+
+				.table-cell
+					&.shot-name a
+						color: $color-text-dark-secondary
+
+					&.shot-status
+						opacity: .2
+
+					&.task-type .task-link
+						&:before
+							opacity: .3
+							background: transparent
+							border: 2px solid $color-text-dark-secondary
+
+					&.shot-thumbnail img
+						opacity: .5
+
+				&:hover, &.active
+					+stripes(rgba($color-background, .3), rgba($color-background, .8), -45deg, 25px)
+
+					.table-cell
+						&.shot-thumbnail img
+							opacity: 1
+						&.task-type .task-link
+							@include status-color-property(background-color, ':before', '')
+
+							&:before
+								opacity: 1
+								border: none
+
+
+
 			@include status-color-property(background-color, ' .shot-status', '')
 
 
@@ -69,6 +103,9 @@
 					span
 						margin: auto 0
 
+			&.shot-thumbnail img
+				transition: opacity 150ms ease-in-out
+
 			&.task-type
 				position: relative
 				height: 100%
diff --git a/src/templates/attract/shots/for_project.jade b/src/templates/attract/shots/for_project.jade
index a5cb086..6d2bef1 100644
--- a/src/templates/attract/shots/for_project.jade
+++ b/src/templates/attract/shots/for_project.jade
@@ -28,7 +28,7 @@
 			| {% for shot in shots %}
 			.table-row(
 				id="shot-{{ shot._id }}",
-				class="status-{{ shot.properties.status }}")
+				class="status-{{ shot.properties.status }} {{ shot.properties.used_in_edit | yesno(' ,not-in-edit, ') }}")
 				.table-cell.shot-status
 				.table-cell.shot-thumbnail
 					a(