status-im
/
status-desktop
mirror of https://github.com/status-im/status-desktop.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

fix: fix images with wrong color in the wallet menus and center them

This commit is contained in:
Jonathan Rainville 2020-06-22 17:04:16 -04:00 committed by Iuri Matias
parent dffabb00fb
commit c6a1e3d453
6 changed files with 7 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/app/AppLayouts/Wallet/LeftTab.qml
View File

@ -109,7 +109,7 @@ Item {
ColorOverlay {
anchors.fill: walletIcon
source: walletIcon
color: selected || !iconColor ? Theme.transparent : iconColor // change image color
color: selected || !iconColor ? Theme.white : iconColor // change image color
}
StyledText {
id: walletName

2
ui/app/AppLayouts/Wallet/WalletHeader.qml
View File

@ -184,7 +184,7 @@ Item {
width: 280
Action {
text: qsTr("Account Settings")
icon.source: "../../img/account_settings.svg"
icon.source: "../../img/walletIcon.svg"
onTriggered: {
accountSettingsModal.open()
}

3
ui/app/img/account_settings.svg
View File

@ -1,3 +0,0 @@
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 4.21333C0 2.92999 0.914 1.82866 2.17533 1.59266L9.87733 0.147995C10.2873 0.0713282 10.6667 0.385995 10.6667 0.803328V1.99999C10.6667 2.36866 10.368 2.66666 10 2.66666H2.412C2.15933 2.66666 1.92867 2.80933 1.816 3.03533L1.66667 3.33333C1.51333 3.64 1.736 3.99999 2.07867 3.99999H11.3333C11.7013 3.99999 12 4.29866 12 4.66666V11.3333C12 11.702 11.7013 12 11.3333 12H2.66667C1.194 12 0 10.8067 0 9.33333V4.21333ZM8.66667 8C8.66667 8.55266 9.11467 9 9.66667 9C10.2187 9 10.6667 8.55266 10.6667 8C10.6667 7.448 10.2187 7 9.66667 7C9.11467 7 8.66667 7.448 8.66667 8Z" fill="white"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 692 B

2
ui/app/img/generate_account.svg
View File

@ -1,3 +1,3 @@
<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.7999 5.20002V1.2055C6.7999 0.759983 6.44173 0.400024 5.9999 0.400024C5.55499 0.400024 5.1999 0.760649 5.1999 1.2055V5.20002H1.20538C0.759861 5.20002 0.399902 5.5582 0.399902 6.00002C0.399902 6.44493 0.760526 6.80002 1.20538 6.80002H5.1999V10.7945C5.1999 11.2401 5.55807 11.6 5.9999 11.6C6.44481 11.6 6.7999 11.2394 6.7999 10.7945V6.80002H10.7944C11.2399 6.80002 11.5999 6.44185 11.5999 6.00002C11.5999 5.55512 11.2393 5.20002 10.7944 5.20002H6.7999Z" fill="white"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.7999 5.20002V1.2055C6.7999 0.759983 6.44173 0.400024 5.9999 0.400024C5.55499 0.400024 5.1999 0.760649 5.1999 1.2055V5.20002H1.20538C0.759861 5.20002 0.399902 5.5582 0.399902 6.00002C0.399902 6.44493 0.760526 6.80002 1.20538 6.80002H5.1999V10.7945C5.1999 11.2401 5.55807 11.6 5.9999 11.6C6.44481 11.6 6.7999 11.2394 6.7999 10.7945V6.80002H10.7944C11.2399 6.80002 11.5999 6.44185 11.5999 6.00002C11.5999 5.55512 11.2393 5.20002 10.7944 5.20002H6.7999Z" fill="#4360DF"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 621 B

After

Width:  |  Height:  |  Size: 623 B

2
ui/app/img/walletIcon.svg
View File

@ -1,3 +1,3 @@
<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" fill="white">
<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" fill="#4360DF">
<path d="M0 4.21337C0 2.93004 0.914 1.82871 2.17533 1.59271L9.87733 0.148041C10.2873 0.071374 10.6667 0.386041 10.6667 0.803374V2.00004C10.6667 2.36871 10.368 2.66671 10 2.66671H2.412C2.15933 2.66671 1.92867 2.80937 1.816 3.03537L1.66667 3.33337C1.51333 3.64004 1.736 4.00004 2.07867 4.00004H11.3333C11.7013 4.00004 12 4.29871 12 4.66671V11.3334C12 11.702 11.7013 12 11.3333 12H2.66667C1.194 12 0 10.8067 0 9.33337V4.21337ZM8.66667 8.00004C8.66667 8.55271 9.11467 9.00004 9.66667 9.00004C10.2187 9.00004 10.6667 8.55271 10.6667 8.00004C10.6667 7.44804 10.2187 7.00004 9.66667 7.00004C9.11467 7.00004 8.66667 7.44804 8.66667 8.00004Z"/>
</svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 740 B

After

Width:  |  Height:  |  Size: 742 B

5
ui/shared/PopupMenu.qml
View File

@ -16,12 +16,13 @@ Menu {
font.pixelSize: 15
icon.color: popupMenuItem.action.icon.color != "#00000000" ? popupMenuItem.action.icon.color : Theme.blue
contentItem: Item {
id: menuItemContent
Item {
id: menuIcon
anchors.left: parent.left
anchors.top: parent.top
anchors.leftMargin: 12
anchors.topMargin: 4
height: popupMenuItemIcon.height
anchors.verticalCenter: parent.verticalCenter
Image {
fillMode: Image.Pad
id: popupMenuItemIcon