From 47f0e1f1bfd75883d442224a78e12fb991409a43 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Ga=C3=ABl=20M=C3=A9tais?= <gael.metais@gmail.com>
Date: Thu, 5 Feb 2015 23:17:15 +0100
Subject: [PATCH] Hover effect on the screenshot on dashboard

---
 front/src/css/dashboard.css   | 17 +++++++++++++++++
 front/src/css/main.css        |  1 +
 front/src/less/dashboard.less | 19 +++++++++++++++++++
 front/src/less/main.less      |  1 +
 4 files changed, 38 insertions(+)

diff --git a/front/src/css/dashboard.css b/front/src/css/dashboard.css
index e1e9515..658202e 100644
--- a/front/src/css/dashboard.css
+++ b/front/src/css/dashboard.css
@@ -29,6 +29,23 @@
   font-weight: bold;
   margin: 0.5em 0 1em;
 }
+.summary .globalScore .screenshotWrapper:hover {
+  opacity: 0.75;
+}
+.summary .globalScore .screenshotWrapper:hover:after {
+  position: absolute;
+  width: 1.25em;
+  height: 1.25em;
+  top: 0.7em;
+  left: 1.55em;
+  font-size: 3em;
+  color: #FFF;
+  background: #000;
+  border-radius: 0.2em;
+  text-align: center;
+  content: "+";
+  opacity: 0.6;
+}
 .summary .notations {
   display: table;
   width: 80%;
diff --git a/front/src/css/main.css b/front/src/css/main.css
index ead8c72..0a6b4bf 100644
--- a/front/src/css/main.css
+++ b/front/src/css/main.css
@@ -146,6 +146,7 @@ h1 span {
   width: 12em;
   height: 6.75em;
   overflow: scroll;
+  position: relative;
 }
 .screenshotWrapper.desktop .screenshotImage {
   width: 100%;
diff --git a/front/src/less/dashboard.less b/front/src/less/dashboard.less
index 59b5606..5b99342 100644
--- a/front/src/less/dashboard.less
+++ b/front/src/less/dashboard.less
@@ -32,6 +32,25 @@
         font-weight: bold;
         margin: 0.5em 0 1em;
     }
+
+    .screenshotWrapper:hover {
+        opacity: 0.75;
+
+        &:after {
+            position: absolute;
+            width: 1.25em;
+            height: 1.25em;
+            top: 0.7em;
+            left: 1.55em;
+            font-size: 3em;
+            color: #FFF;
+            background: #000;
+            border-radius: 0.2em;
+            text-align: center;
+            content: "+";
+            opacity: 0.6;
+        }
+    }
 }
 
 .summary .notations {
diff --git a/front/src/less/main.less b/front/src/less/main.less
index 9b1bdb5..b949cd8 100644
--- a/front/src/less/main.less
+++ b/front/src/less/main.less
@@ -148,6 +148,7 @@ h1 span {
         width: 12em;
         height: 6.75em;
         overflow: scroll;
+        position: relative;
     }
 
     .screenshotImage {