diff options
author | Alexander Tseung <alextsg@gmail.com> | 2018-09-18 10:35:47 +0800 |
---|---|---|
committer | Alexander Tseung <alextsg@gmail.com> | 2018-09-20 05:31:10 +0800 |
commit | 27799363177bd1c5bc390d5903c1915d77bf82aa (patch) | |
tree | d5f7fa759e6db103004bbf66965a9e8f15365342 /ui/app/components/transaction-list-item/index.scss | |
parent | 95e1eff4ca3d784d6fcba21035a535f8f3398cdc (diff) | |
download | tangerine-wallet-browser-27799363177bd1c5bc390d5903c1915d77bf82aa.tar tangerine-wallet-browser-27799363177bd1c5bc390d5903c1915d77bf82aa.tar.gz tangerine-wallet-browser-27799363177bd1c5bc390d5903c1915d77bf82aa.tar.bz2 tangerine-wallet-browser-27799363177bd1c5bc390d5903c1915d77bf82aa.tar.lz tangerine-wallet-browser-27799363177bd1c5bc390d5903c1915d77bf82aa.tar.xz tangerine-wallet-browser-27799363177bd1c5bc390d5903c1915d77bf82aa.tar.zst tangerine-wallet-browser-27799363177bd1c5bc390d5903c1915d77bf82aa.zip |
Add transition effect to TransactionListItemDetails expander
Diffstat (limited to 'ui/app/components/transaction-list-item/index.scss')
-rw-r--r-- | ui/app/components/transaction-list-item/index.scss | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/ui/app/components/transaction-list-item/index.scss b/ui/app/components/transaction-list-item/index.scss index 427686c29..df513bb0c 100644 --- a/ui/app/components/transaction-list-item/index.scss +++ b/ui/app/components/transaction-list-item/index.scss @@ -6,6 +6,7 @@ justify-content: center; align-items: center; flex-direction: column; + background: $white; &__grid { cursor: pointer; @@ -117,4 +118,14 @@ background: #f3f4f7; width: 100%; } + + &__expander { + max-height: 0px; + width: 100%; + + &--show { + max-height: 1000px; + transition: max-height 300ms ease-out; + } + } } |