diff --git a/packages/app-123code/src/AccountSelector.tsx b/packages/app-123code/src/AccountSelector.tsx index 88ad55fcc6..12e70d3047 100644 --- a/packages/app-123code/src/AccountSelector.tsx +++ b/packages/app-123code/src/AccountSelector.tsx @@ -21,14 +21,14 @@ export default class AccountSelector extends React.PureComponent { const { accountId } = this.state; return ( -
+
-
+
diff --git a/packages/app-123code/src/Transfer.tsx b/packages/app-123code/src/Transfer.tsx index 001e3dff68..301b0668a2 100644 --- a/packages/app-123code/src/Transfer.tsx +++ b/packages/app-123code/src/Transfer.tsx @@ -26,8 +26,8 @@ export default class Transfer extends React.PureComponent { return (

transfer

-
-
+
+
{ />
-
Make a transfer from any account you control to another account. Transfer fees and per-transaction feed apply.
+
Make a transfer from any account you control to another account. Transfer fees and per-transaction fees apply and will be calculated upon submission.
); diff --git a/packages/app-123code/src/index.css b/packages/app-123code/src/index.css index 968f4c3282..6bd649fcaf 100644 --- a/packages/app-123code/src/index.css +++ b/packages/app-123code/src/index.css @@ -2,16 +2,6 @@ /* This software may be modified and distributed under the terms /* of the Apache-2.0 license. See the LICENSE file for details. */ -.template--2-columns { - display: flex; - - .template--column { - box-sizing: border-box; - flex: 1; - min-width: 0; - } -} - .template--summary { opacity: 0.5; padding: 1rem 1.5rem; @@ -20,7 +10,7 @@ .template--AccountSelector { align-items: flex-end; - .ui.dropdown { - margin-bottom: 0.25rem; + .summary { + text-align: center; } } diff --git a/packages/app-democracy/src/index.tsx b/packages/app-democracy/src/index.tsx index 4fe8a10e7e..f755deec28 100644 --- a/packages/app-democracy/src/index.tsx +++ b/packages/app-democracy/src/index.tsx @@ -2,22 +2,35 @@ // This software may be modified and distributed under the terms // of the Apache-2.0 license. See the LICENSE file for details. -import { AppProps, BareProps } from '@polkadot/ui-app/types'; +import { AppProps, BareProps, I18nProps } from '@polkadot/ui-app/types'; import './index.css'; import React from 'react'; +import { Tabs } from '@polkadot/ui-app/index'; import Proposals from './Proposals'; import Referendums from './Referendums'; import Summary from './Summary'; +import translate from './translate'; -type Props = AppProps & BareProps; +type Props = AppProps & BareProps & I18nProps; -export default class App extends React.PureComponent { +class App extends React.PureComponent { render () { + const { t } = this.props; + return (
+
+ +
@@ -25,3 +38,5 @@ export default class App extends React.PureComponent { ); } } + +export default translate(App); diff --git a/packages/app-explorer/src/BlockHeader/BlockHeader.css b/packages/app-explorer/src/BlockHeader/BlockHeader.css index 4b2d0a1c0a..91cb306e36 100644 --- a/packages/app-explorer/src/BlockHeader/BlockHeader.css +++ b/packages/app-explorer/src/BlockHeader/BlockHeader.css @@ -8,8 +8,6 @@ } .explorer--BlockHeader { - animation: fadein 1.5s; - .author { font-size: 1rem; text-align: right; @@ -74,16 +72,19 @@ text-overflow: ellipsis; white-space: nowrap; - > div { - display: inline-block; - padding: 0 0.25em; - vertical-align: middle; + .ui--Labelled { + text-align: center; + } - &.type { - opacity: 0.75; - text-align: right; - width: 10em; - } + > div, + > label { + display: inline-block; + vertical-align: middle; + } + + label { + min-width: 10rem; + text-align: right; } } } diff --git a/packages/app-explorer/src/BlockHeader/index.tsx b/packages/app-explorer/src/BlockHeader/index.tsx index 300296a096..bd476d1d10 100644 --- a/packages/app-explorer/src/BlockHeader/index.tsx +++ b/packages/app-explorer/src/BlockHeader/index.tsx @@ -51,7 +51,7 @@ export default class BlockHeader extends React.PureComponent {
-
parentHash
+
{ value.blockNumber.gtn(1) ? {parentHex} @@ -59,11 +59,11 @@ export default class BlockHeader extends React.PureComponent { }
-
extrinsicsRoot
+
{extrinsicsRoot.toHex()}
-
stateRoot
+
{stateRoot.toHex()}
diff --git a/packages/app-explorer/src/Query.tsx b/packages/app-explorer/src/Query.tsx index 52ce2fdbd1..259f3db501 100644 --- a/packages/app-explorer/src/Query.tsx +++ b/packages/app-explorer/src/Query.tsx @@ -28,7 +28,7 @@ class Query extends React.PureComponent { const { hash, isValid } = this.state; return ( -
+
@@ -47,7 +47,7 @@ class Query extends React.PureComponent { />
-
+
); } diff --git a/packages/app-explorer/src/index.css b/packages/app-explorer/src/index.css index 209fa385fe..a81c54ada2 100644 --- a/packages/app-explorer/src/index.css +++ b/packages/app-explorer/src/index.css @@ -98,17 +98,3 @@ padding: 0 1em 1em; } } - -.storage--Query-actionrow { - display: flex; -} - -.storage--Query-actionrow-hash { - flex: 1; - min-width: 0; -} - -.storage--Query-actionrow-button { - flex: 0; - padding: 0 0.25rem; -} diff --git a/packages/app-extrinsics/src/Selection.tsx b/packages/app-extrinsics/src/Selection.tsx index 8863698092..e0e82d7d6f 100644 --- a/packages/app-extrinsics/src/Selection.tsx +++ b/packages/app-extrinsics/src/Selection.tsx @@ -68,11 +68,13 @@ class Selection extends React.PureComponent { />
+

+