gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

enhancement(media-library): use checkerboard pattern as background (#2152)

Browse Source
This commit is contained in:
Shea Daniels
2019-03-14 13:52:40 -05:00
committed by Shawn Erquhart
parent 5980f630fa
commit a6c20cf688
5 changed files with 53 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/netlify-cms-widget-file/src/withFileControl.js
View File

@ -6,7 +6,7 @@ import { Map, List } from 'immutable';
import { once } from 'lodash';
import uuid from 'uuid/v4';
import { oneLine } from 'common-tags';
import { lengths, components, buttons } from 'netlify-cms-ui-default';
import { lengths, components, buttons, borders, effects, shadows } from 'netlify-cms-ui-default';
const MAX_DISPLAY_LENGTH = 50;
@ -16,13 +16,16 @@ const ImageWrapper = styled.div`
height: 100px;
margin-right: 20px;
margin-bottom: 20px;
border: ${borders.textField};
border-radius: ${lengths.borderRadius};
${effects.checkerboard};
${shadows.inset};
`;
const Image = styled.img`
width: 100%;
height: 100%;
object-fit: cover;
border-radius: ${lengths.borderRadius};
object-fit: contain;
`;
const MultiImageWrapper = styled.div`