From 90a425da5f6a414fba4593443f83b76b2f92bf61 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <mads@umbraco.com>
Date: Thu, 13 Sep 2018 15:06:58 +0200
Subject: [PATCH] add background-color to media folders

---
 .../src/less/components/umb-folder-grid.less               | 7 +++++--
 src/Umbraco.Web.UI.Client/src/less/healthcheck.less        | 1 +
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/less/components/umb-folder-grid.less b/src/Umbraco.Web.UI.Client/src/less/components/umb-folder-grid.less
index f4fecf89fe..d91f24cbca 100644
--- a/src/Umbraco.Web.UI.Client/src/less/components/umb-folder-grid.less
+++ b/src/Umbraco.Web.UI.Client/src/less/components/umb-folder-grid.less
@@ -7,7 +7,7 @@
 }
 
 .umb-folder-grid__folder {
-   background: @gray-10;
+   background: @white;
    margin: 5px;
    display: flex;
    align-items: center;
@@ -20,6 +20,8 @@
    justify-content: space-between;
    cursor: pointer;
    user-select: none;
+   box-shadow: 0 1px 1px 0 rgba(0,0,0,0.16);
+   border-radius: 3px;
 }
 
 .umb-folder-grid__folder:focus,
@@ -29,7 +31,8 @@
 
 .umb-folder-grid__folder:hover {
    text-decoration: none;
-   background-color: @gray-9;
+   box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
+   transition: box-shadow 150ms ease-in-out;
 }
 
 .umb-folder-grid__folder-description {
diff --git a/src/Umbraco.Web.UI.Client/src/less/healthcheck.less b/src/Umbraco.Web.UI.Client/src/less/healthcheck.less
index cc41557e55..d40b59cf81 100644
--- a/src/Umbraco.Web.UI.Client/src/less/healthcheck.less
+++ b/src/Umbraco.Web.UI.Client/src/less/healthcheck.less
@@ -36,6 +36,7 @@
 .umb-healthcheck-group:hover {
 	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
 	cursor: pointer;
+	transition: box-shadow 150ms ease-in-out;
 }
 
 .umb-healthcheck-group__load-container {