diff options
| author | Dan <danjm.com@gmail.com> | 2018-03-09 03:42:25 +0800 |
|---|---|---|
| committer | Dan <danjm.com@gmail.com> | 2018-03-09 03:42:25 +0800 |
| commit | 6cee76b3e797dd302c1bf97d7799567a366b2004 (patch) | |
| tree | e7b741e6e2641fcf3f315573bbaf30103bfb364f /ui/app/css | |
| parent | 5572345b781ce68178dd4e72d4e56b2dec26a454 (diff) | |
| download | tangerine-wallet-browser-6cee76b3e797dd302c1bf97d7799567a366b2004.tar.gz tangerine-wallet-browser-6cee76b3e797dd302c1bf97d7799567a366b2004.tar.zst tangerine-wallet-browser-6cee76b3e797dd302c1bf97d7799567a366b2004.zip | |
Add html and css for responsive retry button.
Diffstat (limited to 'ui/app/css')
| -rw-r--r-- | ui/app/css/itcss/components/transaction-list.scss | 47 | ||||
| -rw-r--r-- | ui/app/css/itcss/settings/variables.scss | 1 |
2 files changed, 48 insertions, 0 deletions
diff --git a/ui/app/css/itcss/components/transaction-list.scss b/ui/app/css/itcss/components/transaction-list.scss index c3df493df..4545897e3 100644 --- a/ui/app/css/itcss/components/transaction-list.scss +++ b/ui/app/css/itcss/components/transaction-list.scss @@ -126,6 +126,53 @@ } } +.tx-list-item-retry-container { + background: #d1edff; + width: 100%; + border-radius: 4px; + font-size: 0.8em; + display: flex; + justify-content: center; + margin-left: 44px; + width: calc(100% - 44px); + + @media screen and (min-width: 576px) and (max-width: 679px) { + flex-flow: column; + align-items: center; + } + + @media screen and (min-width: 380px) and (max-width: 575px) { + flex-flow: row; + } + + @media screen and (max-width: 379px) { + flex-flow: column; + align-items: center; + } +} + +.tx-list-item-retry-copy { + font-family: Roboto; +} + +.tx-list-item-retry-link { + text-decoration: underline; + margin-left: 6px; + cursor: pointer; + + @media screen and (min-width: 576px) and (max-width: 679px) { + margin-left: 0px; + } + + @media screen and (min-width: 380px) and (max-width: 575px) { + margin-left: 6px; + } + + @media screen and (max-width: 379px) { + margin-left: 0px; + } +} + .tx-list-date { color: $dusty-gray; font-size: 12px; diff --git a/ui/app/css/itcss/settings/variables.scss b/ui/app/css/itcss/settings/variables.scss index 4c0972527..1b5f1a491 100644 --- a/ui/app/css/itcss/settings/variables.scss +++ b/ui/app/css/itcss/settings/variables.scss @@ -46,6 +46,7 @@ $manatee: #93949d; $spindle: #c7ddec; $mid-gray: #5b5d67; $cape-cod: #38393a; +$onahau: #d1edff; /* Z-Indicies |