Commit a34decc0 authored by Luke Schoen's avatar Luke Schoen
Browse files

review-fix: WIP - Use X.styles.js and not css from styled-components (continued)

* Update TxDetails and SlideLeftIn
parent ae42e823
......@@ -6,25 +6,12 @@
import React, { Component } from 'react';
import BigNumber from 'bignumber.js';
import { fromWei, toWei } from '@parity/api/lib/util/wei';
import styled from 'styled-components';
import {
DivTxFormStyles,
LabelTextareaTxDetailsStyles,
TextareaTxDetailsStyles
} from './style';
const DivTxForm = styled.div`
${DivTxFormStyles};
`;
const LabelTextareaTxDetails = styled.label`
${LabelTextareaTxDetailsStyles};
`;
const TextareaTxDetails = styled.textarea`
${TextareaTxDetailsStyles};
`;
DivTxForm,
LabelTextareaTxDetails,
TextareaTxDetails
} from './TxDetails.styles';
class TxDetails extends Component {
renderDetails = () => {
......
......@@ -3,8 +3,8 @@
//
// SPDX-License-Identifier: BSD-3-Clause
import { css } from 'styled-components';
import SlideLeftIn from '../../../assets/theme/shared/animations/SlideLeftIn';
import styled, { css } from 'styled-components';
import { SlideLeftIn } from '../../../assets/theme/shared/animations/SlideLeftIn.styles';
const animationRuleSlideLeftIn = css`
animation-name: ${SlideLeftIn}; /* required */
......@@ -17,7 +17,7 @@ const animationRuleSlideLeftIn = css`
animation-play-state: playing;
`;
const DivTxFormStyles = css`
const DivTxForm = styled.div`
${animationRuleSlideLeftIn};
border-radius: 0.25rem;
background: rgba(${props => props.theme.faint}, 0.25);
......@@ -25,7 +25,7 @@ const DivTxFormStyles = css`
position: relative;
`;
const LabelTextareaTxDetailsStyles = css`
const LabelTextareaTxDetails = styled.label`
color: ${props => props.theme.black};
display: block;
font-size: 0.7rem;
......@@ -34,7 +34,7 @@ const LabelTextareaTxDetailsStyles = css`
padding: 0.5rem 0.5rem 0;
`;
const TextareaTxDetailsStyles = css`
const TextareaTxDetails = styled.textarea`
background: transparent;
border: 0;
color: ${props => props.theme.darkGrey};
......@@ -52,8 +52,4 @@ const TextareaTxDetailsStyles = css`
word-wrap: break-word;
`;
export {
DivTxFormStyles,
LabelTextareaTxDetailsStyles,
TextareaTxDetailsStyles
};
export { DivTxForm, LabelTextareaTxDetails, TextareaTxDetails };
// Copyright 2015-2018 Parity Technologies (UK) Ltd.
// This file is part of Parity.
//
// SPDX-License-Identifier: BSD-3-Clause
import { SlideLeftIn } from './SlideLeftIn';
export default SlideLeftIn;
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment