yuuza/outline
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Move Fade to its own component

Browse Source 
Fixed todolist strikethrough styling with nested lists
This commit is contained in:
Tom Moor
2017-11-10 17:56:09 -08:00
parent ab13f51d5d
commit f34b32b2a3
7 changed files with 26 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/components/LoadingPlaceholder/ListPlaceholder.js
View File

@@ -2,8 +2,8 @@
import React from 'react';
import _ from 'lodash';
import styled from 'styled-components';
import { fadeIn } from 'shared/styles/animations';
import Mask from './components/Mask';
import Fade from 'components/Fade';
import Flex from 'shared/components/Flex';
type Props = {
@@ -23,10 +23,6 @@ const ListPlaceHolder = ({ count }: Props) => {
);
};
const Fade = styled.span`
animation: ${fadeIn} 150ms ease-in-out;
`;
const Item = styled(Flex)`
padding: 18px 0;
`;

7
app/components/LoadingPlaceholder/LoadingPlaceholder.js
View File

@@ -1,8 +1,7 @@
// @flow
import React from 'react';
import styled from 'styled-components';
import { fadeIn } from 'shared/styles/animations';
import Mask from './components/Mask';
import Fade from 'components/Fade';
import Flex from 'shared/components/Flex';
export default function LoadingPlaceholder(props: Object) {
@@ -17,7 +16,3 @@ export default function LoadingPlaceholder(props: Object) {
</Fade>
);
}
const Fade = styled.span`
animation: ${fadeIn} 150ms ease-in-out;
`;