From b41a09ee33623d0f21a77c047cddcadfe78749b1 Mon Sep 17 00:00:00 2001
From: Chris Adams <cadams@loc.gov>
Date: Fri, 24 May 2019 16:35:00 -0400
Subject: [PATCH] Add a hover color to the asset list

Since the tooltip no longer fills the element with the metadata display, which makes it less obvious which asset is being displayed. This adds a hover outline similar to the active asset color to make those states more distinct.
---
 concordia/static/scss/action-app.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/concordia/static/scss/action-app.scss b/concordia/static/scss/action-app.scss
index 5a223c290..d1a29e2f4 100644
--- a/concordia/static/scss/action-app.scss
+++ b/concordia/static/scss/action-app.scss
@@ -133,8 +133,13 @@ main {
         transition-property: height, width;
         transition-duration: 0.1s;
 
+        &:hover {
+            outline: 2px solid $blue;
+            outline-offset: -2px;
+        }
+
         &.asset-active {
-            outline: 2px auto $orange;
+            outline: 2px solid $orange;
             outline-offset: -2px;
         }