status-im
/
status-qml
mirror of
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix(StatusAssetSelector): Fixes the issue of longer text overlapping with the arrow. Have also added a max width for the text after which it should elide (#772)

This commit is contained in:
Khushboo-dev-cpp 2022-07-14 11:03:39 +02:00 committed by GitHub
parent 45d8990067
commit 24a0e7472d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
sandbox/pages/StatusAssetSelectorPage.qml
View File

@ -25,14 +25,24 @@ Column {
name: "Status Network Token" name: "Status Network Token"
balance: "20" balance: "20"
symbol: "SNT" symbol: "SNT"
currencyBalance: 9992.01 totalCurrencyBalance: 9992.01
totalBalance: 9992.01
} }
ListElement { ListElement {
address: "0x1234" address: "0x1234"
name: "DAI Token" name: "DAI Token"
balance: "15" balance: "15"
symbol: "DAI" symbol: "DAI"
currencyBalance: 20.00001 totalCurrencyBalance: 20.00001
totalBalance: 20.00001
}
ListElement {
address: "0x1234"
name: "ABYSS Token"
balance: "25"
symbol: "ABYSS"
totalCurrencyBalance: 24.1
totalBalance: 24.1
} }
} }
} }

4
src/StatusQ/Controls/StatusAssetSelector.qml
View File

@ -19,7 +19,7 @@ Item {
} }
// Define this in the usage to get balance in currency selected by user // Define this in the usage to get balance in currency selected by user
property var getCurrencyBalanceString: function (currencyBalance) { return "" } property var getCurrencyBalanceString: function (currencyBalance) { return "" }
implicitWidth: 86 implicitWidth: 106
implicitHeight: 32 implicitHeight: 32
function resetInternal() { function resetInternal() {
@ -66,6 +66,8 @@ Item {
anchors.verticalCenter: parent.verticalCenter anchors.verticalCenter: parent.verticalCenter
font.pixelSize: 15 font.pixelSize: 15
height: 22 height: 22
width: 50
elide: Text.ElideRight
verticalAlignment: Text.AlignVCenter verticalAlignment: Text.AlignVCenter
color: Theme.palette.directColor1 color: Theme.palette.directColor1
} }