fix: menu icons and width on wallet module

This commit is contained in:
Richard Ramos 2020-12-01 14:21:44 -04:00 committed by Iuri Matias
parent 3a6248319c
commit ba06d46d68
10 changed files with 57 additions and 30 deletions

View File

@ -136,11 +136,13 @@ Item {
PopupMenu {
id: newSettingsMenu
width: 280
width: 176
Action {
//% "Account Settings"
text: qsTrId("account-settings")
icon.source: "../../img/walletIcon.svg"
icon.source: "../../img/manage-wallet.svg"
icon.width: 16
icon.height: 16
onTriggered: {
accountSettingsModal.open()
}
@ -149,6 +151,8 @@ Item {
//% "Add/Remove Tokens"
text: qsTrId("add/remove-tokens")
icon.source: "../../img/add_remove_token.svg"
icon.width: 16
icon.height: 16
onTriggered: {
tokenSettingsModal.open()
walletModel.loadCustomTokens()
@ -157,7 +161,9 @@ Item {
Action {
//% "Set Currency"
text: qsTrId("set-currency")
icon.source: "../../img/globe.svg"
icon.source: "../../img/currency.svg"
icon.width: 16
icon.height: 16
onTriggered: {
setCurrencyModal.open()
}

View File

@ -33,11 +33,13 @@ StatusRoundButton {
PopupMenu {
id: newAccountMenu
width: 280
width: 260
Action {
//% "Generate an account"
text: qsTrId("generate-a-new-account")
icon.source: "../../../img/generate_account.svg"
icon.width: 19
icon.height: 19
onTriggered: {
generateAccountModal.open()
}
@ -46,6 +48,8 @@ StatusRoundButton {
//% "Add a watch-only address"
text: qsTrId("add-a-watch-account")
icon.source: "../../../img/add_watch_only.svg"
icon.width: 19
icon.height: 19
onTriggered: {
addWatchOnlyAccountModal.open()
}
@ -54,6 +58,8 @@ StatusRoundButton {
//% "Enter a seed phrase"
text: qsTrId("enter-a-seed-phrase")
icon.source: "../../../img/enter_seed_phrase.svg"
icon.width: 19
icon.height: 19
onTriggered: {
addAccountWithSeedModal.open()
}
@ -62,6 +68,8 @@ StatusRoundButton {
//% "Enter a private key"
text: qsTrId("enter-a-private-key")
icon.source: "../../../img/enter_private_key.svg"
icon.width: 19
icon.height: 19
onTriggered: {
addAccountWithPrivateKeydModal.open()
}

View File

@ -1,4 +1,4 @@
<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.66665 5.66666H7.66665V9.66666H6.33331V5.66666H4.33331V4.33333H9.66665V5.66666Z" fill="#4360DF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.99998 13.6667C3.31801 13.6667 0.333313 10.6819 0.333313 7C0.333313 3.31811 3.31801 0.333328 6.99998 0.333328C10.6819 0.333328 13.6666 3.31811 13.6666 7C13.6666 10.6819 10.6819 13.6667 6.99998 13.6667ZM6.99998 12.3333C9.94546 12.3333 12.3333 9.94555 12.3333 7C12.3333 4.05444 9.94546 1.66666 6.99998 1.66666C4.0545 1.66666 1.66665 4.05444 1.66665 7C1.66665 9.94555 4.0545 12.3333 6.99998 12.3333Z" fill="#4360DF"/>
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.39587 10.2538C8.16322 10.4594 8.94377 10.2576 9.50775 9.78084C9.64827 9.66206 9.85751 9.64733 9.99518 9.76941L10.2447 9.99071C10.3826 10.1129 10.3962 10.3252 10.2607 10.4499C9.86821 10.8114 9.39309 11.075 8.87759 11.2162C8.75627 11.2495 8.65768 11.3409 8.62512 11.4624L8.41357 12.2519C8.36592 12.4298 8.18314 12.5353 8.00532 12.4876L7.68334 12.4014C7.50552 12.3537 7.39999 12.1709 7.44764 11.9931L7.5296 11.6872C7.58236 11.4903 7.44698 11.2936 7.2484 11.2476C7.21127 11.239 7.17415 11.2297 7.13705 11.2197C7.10002 11.2098 7.0633 11.1993 7.0269 11.1882C6.83189 11.1289 6.61632 11.2315 6.56356 11.4284L6.4816 11.7343C6.43395 11.9121 6.25117 12.0176 6.07335 11.97L5.75138 11.8837C5.57355 11.8361 5.46803 11.6533 5.51567 11.4755L5.72719 10.6861C5.75975 10.5645 5.72007 10.436 5.63161 10.3466C4.82606 9.53209 4.46214 8.32364 4.78003 7.13726C5.09793 5.95083 6.01738 5.08623 7.12229 4.78366C7.24364 4.75044 7.34227 4.65897 7.37483 4.53745L7.58634 3.74806C7.63399 3.57024 7.81677 3.46471 7.99459 3.51236L8.31657 3.59863C8.49439 3.64628 8.59992 3.82906 8.55227 4.00688L8.47029 4.31281C8.41754 4.50971 8.5529 4.70639 8.75146 4.75247C8.78849 4.76107 8.82551 4.77032 8.86251 4.78023C8.89955 4.79016 8.93628 4.80067 8.97269 4.81176C9.16769 4.87113 9.38327 4.76849 9.43603 4.57159L9.51798 4.26572C9.56563 4.0879 9.74841 3.98237 9.92623 4.03002L10.2482 4.11629C10.426 4.16394 10.5316 4.34672 10.4839 4.52454L10.2724 5.31393C10.2398 5.43545 10.2795 5.56396 10.368 5.6534C10.7439 6.03348 11.0236 6.49934 11.1828 7.00871C11.2377 7.18452 11.1198 7.36152 10.9393 7.39845L10.6126 7.46532C10.4323 7.50221 10.2585 7.38483 10.1961 7.21171C9.94608 6.51687 9.37105 5.95177 8.60369 5.74616C7.35894 5.41263 6.07948 6.15132 5.74595 7.39608C5.41242 8.64083 6.15112 9.92028 7.39587 10.2538Z" fill="#4360DF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.6666 8C14.6666 11.6819 11.6819 14.6667 7.99998 14.6667C4.31808 14.6667 1.33331 11.6819 1.33331 8C1.33331 4.3181 4.31808 1.33333 7.99998 1.33333C11.6819 1.33333 14.6666 4.3181 14.6666 8ZM13.6666 8C13.6666 11.1296 11.1296 13.6667 7.99998 13.6667C4.87037 13.6667 2.33331 11.1296 2.33331 8C2.33331 4.87038 4.87037 2.33333 7.99998 2.33333C11.1296 2.33333 13.6666 4.87038 13.6666 8Z" fill="#4360DF"/>
</svg>

Before

Width:  |  Height:  |  Size: 678 B

After

Width:  |  Height:  |  Size: 2.3 KiB

View File

@ -1,4 +1,4 @@
<svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.028 6.00002C10.028 7.10459 9.12002 8.00003 8 8.00003C6.87998 8.00003 5.97202 7.10459 5.97202 6.00002C5.97202 4.89546 6.87998 4.00002 8 4.00002C9.12002 4.00002 10.028 4.89546 10.028 6.00002Z" fill="#4360DF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M1.64606 6.00002C1.99772 6.53799 2.72309 7.52514 3.78173 8.3853C4.88005 9.27771 6.2938 10 8 10C9.70621 10 11.1199 9.27771 12.2183 8.3853C13.2769 7.52514 14.0023 6.53799 14.3539 6.00002C14.0023 5.46206 13.2769 4.47491 12.2183 3.61475C11.1199 2.72234 9.70621 2.00002 8 2.00002C6.2938 2.00002 4.88005 2.72234 3.78173 3.61475C2.72309 4.47491 1.99772 5.46206 1.64606 6.00002ZM2.7501 2.37988C4.03615 1.33494 5.80282 0.400024 8 0.400024C10.1972 0.400024 11.9639 1.33494 13.2499 2.37988C14.533 3.42239 15.3807 4.60758 15.7655 5.20707C16.0782 5.69425 16.0782 6.3058 15.7655 6.79298C15.3807 7.39247 14.533 8.57766 13.2499 9.62017C11.9639 10.6651 10.1972 11.6 8 11.6C5.80282 11.6 4.03615 10.6651 2.7501 9.62017C1.46704 8.57766 0.619349 7.39247 0.23454 6.79298C-0.0781801 6.3058 -0.0781801 5.69425 0.23454 5.20707C0.619349 4.60758 1.46704 3.42239 2.7501 2.37988Z" fill="#4360DF"/>
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M13.1999 10C13.1999 11.7673 11.7672 13.2 9.9999 13.2C8.23259 13.2 6.7999 11.7673 6.7999 10C6.7999 8.23271 8.23259 6.80002 9.9999 6.80002C11.7672 6.80002 13.1999 8.23271 13.1999 10ZM11.9999 10C11.9999 11.1046 11.1045 12 9.9999 12C8.89533 12 7.9999 11.1046 7.9999 10C7.9999 8.89546 8.89533 8.00002 9.9999 8.00002C11.1045 8.00002 11.9999 8.89546 11.9999 10Z" fill="#4360DF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.24072 10.3866C3.06858 11.6537 5.9705 15.6 9.99994 15.6C14.0294 15.6 16.9313 11.6537 17.7592 10.3866C17.9141 10.1495 17.9141 9.85055 17.7592 9.61341C16.9313 8.34637 14.0294 4.40003 9.99994 4.40002C5.9705 4.40002 3.06858 8.34637 2.24072 9.61341C2.08578 9.85055 2.08578 10.1495 2.24072 10.3866ZM9.99994 14.4C8.38614 14.4 6.92249 13.6071 5.70175 12.5583C5.05933 12.0063 4.51565 11.41 4.08951 10.8842C3.67063 10.3673 3.67063 9.63279 4.08951 9.1159C4.51565 8.59006 5.05933 7.99372 5.70175 7.44177C6.92249 6.39295 8.38614 5.60002 9.99994 5.60002C11.6137 5.60003 13.0774 6.39295 14.2981 7.44177C14.9405 7.99372 15.4842 8.59006 15.9104 9.1159C16.3292 9.63279 16.3292 10.3673 15.9104 10.8841C15.4842 11.41 14.9405 12.0063 14.2981 12.5583C13.0774 13.6071 11.6137 14.4 9.99994 14.4Z" fill="#4360DF"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.2 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

3
ui/app/img/currency.svg Normal file
View File

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M14.6666 8C14.6666 11.6819 11.6819 14.6667 7.99998 14.6667C4.31808 14.6667 1.33331 11.6819 1.33331 8C1.33331 4.3181 4.31808 1.33333 7.99998 1.33333C11.6819 1.33333 14.6666 4.3181 14.6666 8ZM2.71882 7.5C2.52326 7.5 2.36886 7.33208 2.39834 7.13876C2.65531 5.45349 3.65464 4.01234 5.05221 3.15943C5.32801 2.99112 5.61984 3.3162 5.49035 3.61222C5.06229 4.59074 4.775 5.82181 4.69167 7.17906C4.68068 7.35802 4.53397 7.5 4.35468 7.5H2.71882ZM2.39834 8.86123C2.36886 8.66791 2.52326 8.5 2.71881 8.5H4.35468C4.53397 8.5 4.68068 8.64197 4.69167 8.82093C4.775 10.1782 5.06229 11.4093 5.49034 12.3878C5.61984 12.6838 5.32801 13.0089 5.05221 12.8406C3.65464 11.9877 2.65531 10.5465 2.39834 8.86123ZM6.02356 7.5C5.83423 7.5 5.68246 7.34231 5.69542 7.15343C5.7891 5.78787 6.10453 4.59888 6.53738 3.73316C7.08745 2.63304 7.66233 2.33333 7.99998 2.33333C8.33763 2.33333 8.91251 2.63304 9.46258 3.73316C9.89543 4.59887 10.2109 5.78787 10.3045 7.15343C10.3175 7.34231 10.1657 7.5 9.9764 7.5H6.02356ZM10.3045 8.84656C10.3175 8.65768 10.1657 8.5 9.9764 8.5H6.02356C5.83423 8.5 5.68246 8.65768 5.69542 8.84656C5.7891 10.2121 6.10453 11.4011 6.53738 12.2668C7.08745 13.367 7.66233 13.6667 7.99998 13.6667C8.33763 13.6667 8.91251 13.367 9.46258 12.2668C9.89543 11.4011 10.2109 10.2121 10.3045 8.84656ZM11.6453 7.5C11.466 7.5 11.3193 7.35802 11.3083 7.17906C11.225 5.82181 10.9377 4.59074 10.5096 3.61222C10.3801 3.3162 10.6719 2.99112 10.9477 3.15943C12.3453 4.01234 13.3447 5.45349 13.6016 7.13876C13.6311 7.33208 13.4767 7.5 13.2811 7.5H11.6453ZM13.6016 8.86123C13.6311 8.66791 13.4767 8.5 13.2811 8.5H11.6453C11.466 8.5 11.3193 8.64197 11.3083 8.82093C11.225 10.1782 10.9377 11.4093 10.5096 12.3878C10.3801 12.6838 10.6719 13.0089 10.9477 12.8406C12.3453 11.9877 13.3447 10.5465 13.6016 8.86123Z" fill="#4360DF"/>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -1,4 +1,4 @@
<svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.96548 0.634326C1.65317 0.321924 1.14653 0.321924 0.834229 0.634326C0.521729 0.946826 0.521729 1.45327 0.834229 1.76577L5.06841 6.00005L0.834229 10.2343C0.521729 10.5468 0.521729 11.0533 0.834229 11.3658C1.14653 11.6782 1.65317 11.6782 1.96548 11.3658L6.76548 6.56577C7.07798 6.25327 7.07798 5.74683 6.76548 5.43433L1.96548 0.634326Z" fill="#4360DF"/>
<path d="M7.79985 10C7.35806 10 6.99985 10.3583 6.99985 10.8C6.99985 11.2418 7.35806 11.6 7.79985 11.6H12.5999C13.0416 11.6 13.3999 11.2418 13.3999 10.8C13.3999 10.3583 13.0416 10 12.5999 10H7.79985Z" fill="#4360DF"/>
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.7757 17.2243C10.5414 16.99 10.5414 16.6101 10.7757 16.3758L13.2686 13.8829C13.4248 13.7267 13.4248 13.4734 13.2686 13.3172L10.7757 10.8243C10.5414 10.59 10.5414 10.2101 10.7757 9.97579C11.0101 9.74147 11.3899 9.74147 11.6243 9.97579L14.1172 12.4687C14.2734 12.6249 14.5266 12.6249 14.6828 12.4687L17.1757 9.97579C17.4101 9.74147 17.7899 9.74147 18.0243 9.97579C18.2586 10.2101 18.2586 10.59 18.0243 10.8243L15.5314 13.3172C15.3752 13.4734 15.3752 13.7267 15.5314 13.8829L18.0243 16.3758C18.2586 16.6101 18.2586 16.99 18.0243 17.2243C17.79 17.4586 17.4101 17.4586 17.1757 17.2243L14.6828 14.7314C14.5266 14.5752 14.2734 14.5752 14.1172 14.7314L11.6243 17.2243C11.3899 17.4586 11.0101 17.4586 10.7757 17.2243Z" fill="#4360DF"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.2 2.80005C3.43269 2.80005 2 4.23274 2 6.00005V14.0001C2 15.7674 3.43269 17.2001 5.2 17.2001H6C7.76731 17.2001 9.2 15.7674 9.2 14.0001V6.00005C9.2 4.23274 7.76731 2.80005 6 2.80005H5.2ZM6 4.00005H5.2C4.09543 4.00005 3.2 4.89548 3.2 6.00005V11.0687C3.2 11.2469 3.41543 11.3361 3.54142 11.2101L7.97574 6.77579C7.99077 6.76075 8 6.74066 8 6.7194V6.00005C8 4.89548 7.10457 4.00005 6 4.00005ZM3.2 13.2807C3.2 13.2594 3.20923 13.2394 3.22426 13.2243L7.65858 8.79C7.78457 8.66401 8 8.75324 8 8.93142V14.0001C8 15.1046 7.10457 16.0001 6 16.0001H5.2C4.09543 16.0001 3.2 15.1046 3.2 14.0001V13.2807Z" fill="#4360DF"/>
</svg>

Before

Width:  |  Height:  |  Size: 684 B

After

Width:  |  Height:  |  Size: 1.5 KiB

View File

@ -1,3 +1,5 @@
<svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0.199951 1.00007C0.199951 0.558245 0.558123 0.200073 0.999951 0.200073H8.99995C9.44178 0.200073 9.79995 0.558245 9.79995 1.00007C9.79995 1.4419 9.44178 1.80007 8.99995 1.80007H0.999951C0.558123 1.80007 0.199951 1.4419 0.199951 1.00007ZM0.199951 5.00007C0.199951 4.55825 0.558123 4.20007 0.999951 4.20007H8.99995C9.44178 4.20007 9.79995 4.55825 9.79995 5.00007C9.79995 5.4419 9.44178 5.80007 8.99995 5.80007H0.999951C0.558123 5.80007 0.199951 5.4419 0.199951 5.00007ZM0.999951 8.20007C0.558123 8.20007 0.199951 8.55825 0.199951 9.00007C0.199951 9.4419 0.558123 9.80007 0.999951 9.80007H5.79995C6.24178 9.80007 6.59995 9.4419 6.59995 9.00007C6.59995 8.55825 6.24178 8.20007 5.79995 8.20007H0.999951Z" fill="#4360DF"/>
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.6 12.6001C3.26863 12.6001 3 12.8687 3 13.2001C3 13.5314 3.26863 13.8001 3.6 13.8001H10C10.3314 13.8001 10.6 13.5314 10.6 13.2001C10.6 12.8687 10.3314 12.6001 10 12.6001H3.6Z" fill="#4360DF"/>
<path d="M3 10.0001C3 9.6687 3.26863 9.40007 3.6 9.40007H13.2C13.5314 9.40007 13.8 9.6687 13.8 10.0001C13.8 10.3314 13.5314 10.6001 13.2 10.6001H3.6C3.26863 10.6001 3 10.3314 3 10.0001Z" fill="#4360DF"/>
<path d="M3 6.80007C3 6.4687 3.26863 6.20007 3.6 6.20007H16.4C16.7314 6.20007 17 6.4687 17 6.80007C17 7.13144 16.7314 7.40007 16.4 7.40007H3.6C3.26863 7.40007 3 7.13144 3 6.80007Z" fill="#4360DF"/>
</svg>

Before

Width:  |  Height:  |  Size: 869 B

After

Width:  |  Height:  |  Size: 709 B

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="#4360DF"/>
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.99985 4.60004C10.3312 4.60004 10.5999 4.86867 10.5999 5.20004V9.00004C10.5999 9.22095 10.7789 9.40004 10.9999 9.40004H14.7999C15.1312 9.40004 15.3999 9.66867 15.3999 10C15.3999 10.3314 15.1312 10.6 14.7999 10.6H10.9999C10.7789 10.6 10.5999 10.7791 10.5999 11V14.8C10.5999 15.1314 10.3312 15.4 9.99985 15.4C9.66848 15.4 9.39985 15.1314 9.39985 14.8V11C9.39985 10.7791 9.22077 10.6 8.99985 10.6H5.19985C4.86848 10.6 4.59985 10.3314 4.59985 10C4.59985 9.66867 4.86848 9.40004 5.19985 9.40004H8.99985C9.22077 9.40004 9.39985 9.22095 9.39985 9.00004V5.20004C9.39985 4.86867 9.66848 4.60004 9.99985 4.60004Z" fill="#4360DF"/>
</svg>

Before

Width:  |  Height:  |  Size: 623 B

After

Width:  |  Height:  |  Size: 735 B

View File

@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 6.21333C2 4.92999 2.914 3.82866 4.17533 3.59266L11.8773 2.14799C12.2873 2.07133 12.6667 2.38599 12.6667 2.80333V3.99999C12.6667 4.36866 12.368 4.66666 12 4.66666H4.412C4.15933 4.66666 3.92867 4.80933 3.816 5.03533L3.66667 5.33333C3.51333 5.64 3.736 5.99999 4.07867 5.99999H13.3333C13.7013 5.99999 14 6.29866 14 6.66666V13.3333C14 13.702 13.7013 14 13.3333 14H4.66667C3.194 14 2 12.8067 2 11.3333V6.21333ZM10.6667 10C10.6667 10.5527 11.1147 11 11.6667 11C12.2187 11 12.6667 10.5527 12.6667 10C12.6667 9.448 12.2187 9 11.6667 9C11.1147 9 10.6667 9.448 10.6667 10Z" fill="#4360DF"/>
</svg>

After

Width:  |  Height:  |  Size: 695 B

View File

@ -58,7 +58,7 @@ Menu {
width: 9
fillMode: Image.PreserveAspectFit
visible: popupMenuItem.subMenu
ColorOverlay {
anchors.fill: parent
source: parent
@ -67,23 +67,28 @@ Menu {
}
// FIXME the icons looks very pixelated on Linux for some reason. Using smooth, mipmap, etc doesn't fix it
indicator: Image {
id: menuIcon
source: popupMenuItem.icon.source
anchors.left: parent.left
anchors.leftMargin: Style.current.padding
anchors.verticalCenter: parent.verticalCenter
indicator: Item {
visible: !!popupMenuItem.icon.source.toString()
width: !isNaN(popupMenuItem.icon.width) ? popupMenuItem.icon.width : 25
height: !isNaN(popupMenuItem.icon.height) ? popupMenuItem.icon.height : 25
sourceSize.width: width
sourceSize.height: height
antialiasing: true
anchors.left: parent.left
anchors.leftMargin: Style.current.padding
anchors.verticalCenter: parent.verticalCenter
Image {
id: menuIcon
source: popupMenuItem.icon.source
visible: false
width: parent.width
height: parent.width
sourceSize.width: width
sourceSize.height: height
}
ColorOverlay {
anchors.fill: parent
source: parent
antialiasing: true
anchors.fill: menuIcon
source: menuIcon
smooth: true
color: popupMenuItem.highlighted ?
Style.current.primaryMenuItemTextHover :
(popupMenuItem.action.icon.color != "#00000000" ? popupMenuItem.action.icon.color : Style.current.primaryMenuItemHover)