yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-11-02 10:55:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #5597 from strapi/features/media-lib-control-design

Browse Source 
Add hover state to controls
This commit is contained in:
cyril lopez 2020-03-25 21:50:26 +07:00 committed by GitHub
commit 2ba117d1e3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
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 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 = {