From 091248d25a77c5e5972b4001e5a9129f8c005e55 Mon Sep 17 00:00:00 2001
From: soupette <cyril.lpz@gmail.com>
Date: Wed, 25 Mar 2020 15:13:45 +0100
Subject: [PATCH] Add hover design to controls

Signed-off-by: soupette <cyril.lpz@gmail.com>
---
 .../src/components/CardControl/Wrapper.js     | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/packages/strapi-plugin-upload/admin/src/components/CardControl/Wrapper.js b/packages/strapi-plugin-upload/admin/src/components/CardControl/Wrapper.js
index dbefbdf200..68e0fdd5bc 100644
--- a/packages/strapi-plugin-upload/admin/src/components/CardControl/Wrapper.js
+++ b/packages/strapi-plugin-upload/admin/src/components/CardControl/Wrapper.js
@@ -1,3 +1,4 @@
+/* eslint-disable indent */
 import styled from 'styled-components';
 import PropTypes from 'prop-types';
 import { themePropTypes } from 'strapi-helper-plugin';
@@ -21,6 +22,31 @@ const Wrapper = styled.div`
     `
     transform: rotate(90deg)
   `};
+
+  &:hover {
+    ${({ type }) => {
+      if (type === 'trash-alt' || type === 'clear') {
+        return `
+          background-color: #FFA784;
+          border: 1px solid #FFA784;
+          color: #F64D0A;
+        `;
+      }
+
+      return `
+          background-color: #AED4FB;
+          border: 1px solid  #AED4FB;
+          > svg {
+            > g, path {
+
+              fill: #007EFF;
+            }
+          }
+          color: #007EFF;
+
+        `;
+    }};
+  }
 `;
 
 Wrapper.defaultProps = {