diff options
| author | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-11 11:52:22 +0800 |
|---|---|---|
| committer | sdtsui <szehungdanieltsui@gmail.com> | 2017-08-11 11:52:22 +0800 |
| commit | e31c2982888fcfef5383124db4ca606644a29044 (patch) | |
| tree | 1dd3a55f254299740c4183e88240041db9a1b291 /ui/app/css/itcss/components | |
| parent | f9432c59826d95dbdaf70a3da4a8a453137efb11 (diff) | |
| download | tangerine-wallet-browser-e31c2982888fcfef5383124db4ca606644a29044.tar tangerine-wallet-browser-e31c2982888fcfef5383124db4ca606644a29044.tar.gz tangerine-wallet-browser-e31c2982888fcfef5383124db4ca606644a29044.tar.bz2 tangerine-wallet-browser-e31c2982888fcfef5383124db4ca606644a29044.tar.lz tangerine-wallet-browser-e31c2982888fcfef5383124db4ca606644a29044.tar.xz tangerine-wallet-browser-e31c2982888fcfef5383124db4ca606644a29044.tar.zst tangerine-wallet-browser-e31c2982888fcfef5383124db4ca606644a29044.zip | |
Implement widescreen layout for tx list
Diffstat (limited to 'ui/app/css/itcss/components')
| -rw-r--r-- | ui/app/css/itcss/components/index.scss | 1 | ||||
| -rw-r--r-- | ui/app/css/itcss/components/transaction-list.scss | 51 |
2 files changed, 43 insertions, 9 deletions
diff --git a/ui/app/css/itcss/components/index.scss b/ui/app/css/itcss/components/index.scss index 2385866c1..e5ba0babf 100644 --- a/ui/app/css/itcss/components/index.scss +++ b/ui/app/css/itcss/components/index.scss @@ -6,4 +6,5 @@ @import './modal.scss'; @import './newui-sections.scss'; @import './hero-balance.scss'; +@import './transaction-list.scss'; @import './sections.scss'; diff --git a/ui/app/css/itcss/components/transaction-list.scss b/ui/app/css/itcss/components/transaction-list.scss index ff482fd4a..700214e30 100644 --- a/ui/app/css/itcss/components/transaction-list.scss +++ b/ui/app/css/itcss/components/transaction-list.scss @@ -1,44 +1,77 @@ +.tx-list-header { + margin: 1.8em 1.3em 1.8em 1.3em; +} + +.tx-list-content-divider { + margin: 0.1em 1.3em 0.1em 1.3em; + height: 1px; + background: rgb(231, 231, 231); + flex: 0 0 1px; +} + +.tx-list-container { + height: 87.5%; + overflow-y: scroll; +} + .tx-list-item-wrapper { + flex: 0 0 70px; align-items: stretch; - justify-content: 'flex-start', - margin: '0.6em 1.3em 0.6em 1.3em', - overflow: 'scroll', + justify-content: flex-start; + margin: 0em 1.3em 0em 1.3em; } .tx-list-date-wrapper { flex-grow: 1; flex-shrink: 1; - flex-basis: 'auto'; - margin-top: '0.3em'; + flex-basis: auto; + margin-top: 6px; } .tx-list-content-wrapper { - alignItems: 'stretch'; + align-items: stretch; + margin-bottom: 8px; } .tx-list-date { color: $dusty-gray; - font-size: 8px; + font-size: 14px; } .tx-list-identicon-wrapper { + align-self: center; flex: 1 1 auto; + margin-left: 3px; } .tx-list-account-wrapper { flex: 3 3 auto; - font-size: 12px; + align-self: center; +} + +.tx-list-account { + font-size: 16px; } .tx-list-status-wrapper { + align-self: center; flex: 5 5 auto; } .tx-list-status { color: $dusty-gray; - font-size: 12px; + font-size: 16px; } .tx-list-details-wrapper { + align-self: center; flex: 2 2 auto; +} + +.tx-list-value { + font-size: 16px; +} + +.tx-list-fiat-value { + font-size: 12px; }
\ No newline at end of file |