m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-22 17:33:23 +01:00
Code

Improve tx list style

Browse Source 
Tx list no longer enlarges on hover, and failed transactions no longer have hover styles nor direct to an explorer page.
This commit is contained in:
Dan Finlay 2016-05-19 19:11:53 -07:00
parent d71ee6927f
commit 2a6d6fcd15
2 changed files with 6 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
ui/app/components/transaction-list.js
View File

@ -59,38 +59,15 @@ module.exports = function(transactions, network) {
function renderTransaction(transaction, i){
var panelOpts = {
key: `tx-${transaction.id + i}`,
identiconKey: transaction.txParams.to,
onClick: (event) => {
if (!transaction.hash) return
var url = explorerLink(transaction.hash, parseInt(network))
chrome.tabs.create({ url })
},
attributes: [
{
key: 'TIME',
value: formatDate(transaction.time),
},
{
key: 'TO',
value: addressSummary(transaction.txParams.to),
},
{
key: 'VALUE',
value: formatBalance(transaction.txParams.value),
},
]
}
var txParams = transaction.txParams
var date = formatDate(transaction.time)
return (
h('.transaction-list-item.flex-row.flex-space-between.cursor-pointer', {
h(`.transaction-list-item.flex-row.flex-space-between${transaction.hash ? '.pointer' : ''}`, {
key: `tx-${transaction.id + i}`,
onClick: (event) => {
if (!transaction.hash) return
var url = explorerLink(transaction.hash, parseInt(network))
chrome.tabs.create({ url })
},

5
ui/app/css/lib.css
View File

@ -5,7 +5,7 @@
}
.color-forest {
color: #0A5448;
color: #0A5448;
}
/* lib */
@ -107,6 +107,9 @@
user-select: none;
}
.pointer {
cursor: pointer;
}
.cursor-pointer {
cursor: pointer;
transform-origin: center center;