diff --git a/src/modules/ui/directives/transaction/transactions.less b/src/modules/ui/directives/transaction/transactions.less index bcbfaf085a..f20caf9d2b 100644 --- a/src/modules/ui/directives/transaction/transactions.less +++ b/src/modules/ui/directives/transaction/transactions.less @@ -206,7 +206,7 @@ w-transaction .transaction { .transaction-info { display: flex; flex-direction: row; - width: 100%; + width: ~'calc(100% - 88px)'; .full-width { width: 100%; @@ -220,18 +220,31 @@ w-transaction .transaction { .line { height: 50%; flex-basis: 50%; + box-sizing: border-box; + overflow: hidden; color: @color-basic-700; &:last-child { padding-right: @padding-main-layout * 4.4; text-align: right; + + .top { + word-break: break-all; + } } .top { - word-break: break-all; .spam-label { display: none; } + + .flex { + flex: 0; + + .ellipsis { + max-width: 120px; + } + } } .bottom { color: @color-basic-500; @@ -291,6 +304,11 @@ w-transaction .transaction { } } +.transaction-amounts { + max-width: 100%; + display: inline-block; +} + @media screen and (max-width: 960px) { .leasing w-transaction .transaction { .icon { diff --git a/src/modules/ui/directives/transaction/types/exchange/exchange.html b/src/modules/ui/directives/transaction/types/exchange/exchange.html index 3b0e09e39d..8371fe36a8 100644 --- a/src/modules/ui/directives/transaction/types/exchange/exchange.html +++ b/src/modules/ui/directives/transaction/types/exchange/exchange.html @@ -1,8 +1,11 @@
-
- +
+ + + {{$ctrl.getAssetName($ctrl.transaction.amount.asset)}} + {{$ctrl.amountAssetName}}
-
{{$ctrl.balance.asset.name}}
+
{{$ctrl.balance.asset.name}}
- -  {{$ctrl.balance.asset.displayName}} + +  {{$ctrl.balance.asset.displayName}}
-
{{::option.asset.name}}
+
{{::option.asset.name}}
- -  {{::option.asset.displayName}} + +  {{::option.asset.displayName}}
diff --git a/src/modules/utils/modals/sendAsset/send.modal.less b/src/modules/utils/modals/sendAsset/send.modal.less index 22f616903b..b38ce647cf 100644 --- a/src/modules/utils/modals/sendAsset/send.modal.less +++ b/src/modules/utils/modals/sendAsset/send.modal.less @@ -172,6 +172,7 @@ md-dialog.modal-send { .asset__name { margin-left: 10px; + max-width: 122px; } .flex-row { @@ -225,31 +226,19 @@ md-dialog.modal-send { &__balance { font-size: 15px; + display: flex; @media screen and (max-width: 540px) { font-size: 13px; } } - } - } - .input-like { - position: relative; - padding: 0 20px; - border-radius: @border-radius; - width: 100%; - display: flex; - flex-direction: row; - align-items: center; - overflow-x: hidden; - } + &__amount { + max-width: 100px; + } + } - w-select { .title { overflow-x: hidden; - - span { - white-space: nowrap; - } } .expanded { @@ -264,6 +253,17 @@ md-dialog.modal-send { } } + .input-like { + position: relative; + padding: 0 20px; + border-radius: @border-radius; + width: 100%; + display: flex; + flex-direction: row; + align-items: center; + overflow-x: hidden; + } + .amount-wrap { display: flex; flex-direction: row; @@ -282,6 +282,10 @@ md-dialog.modal-send { w-balance { vertical-align: top; white-space: nowrap; + + &.asset__amount { + max-width: 100px; + } } w-balance-input {