yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-09-03 13:50:38 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add hover design to controls

Browse Source 
Signed-off-by: soupette <cyril.lpz@gmail.com>
This commit is contained in:
soupette 2020-03-25 15:13:45 +01:00
parent e7938eedc2
commit 091248d25a
1 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
packages/strapi-plugin-upload/admin/src/components/CardControl/Wrapper.js
View File

@ -1,3 +1,4 @@
/* eslint-disable indent */
import styled from 'styled-components'; import styled from 'styled-components';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { themePropTypes } from 'strapi-helper-plugin'; import { themePropTypes } from 'strapi-helper-plugin';
@ -21,6 +22,31 @@ const Wrapper = styled.div`
` `
transform: rotate(90deg) 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 = { Wrapper.defaultProps = {