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

fix styles on tx detail popover buttons (#9432)

Browse Source
This commit is contained in:
Brad Decker 2020-09-17 12:12:42 -05:00 committed by GitHub
parent f4a2a09713
commit c6a540419c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
ui/app/components/app/transaction-list-item-details/index.scss
View File

@ -19,6 +19,11 @@
& &__header-button {
font-size: 0.625rem;
&-tooltip-container {
display: flex !important;
height: 100%;
}
&:not(:last-child) {
margin-right: 8px;
}

14
ui/app/components/app/transaction-list-item-details/transaction-list-item-details.component.js
View File

@ -176,21 +176,27 @@ export default class TransactionListItemDetails extends PureComponent {
)
}
{ this.renderCancel() }
<Tooltip title={justCopied ? t('copiedTransactionId') : t('copyTransactionId')}>
<Tooltip
wrapperClassName="transaction-list-item-details__header-button"
containerClassName="transaction-list-item-details__header-button-tooltip-container"
title={justCopied ? t('copiedTransactionId') : t('copyTransactionId')}
>
<Button
type="raised"
onClick={this.handleCopyTxId}
className="transaction-list-item-details__header-button"
disabled={!hash}
>
<Copy size={10} color="#3098DC" />
</Button>
</Tooltip>
<Tooltip title={blockExplorerUrl ? t('viewOnCustomBlockExplorer', [blockExplorerUrl]) : t('viewOnEtherscan')}>
<Tooltip
wrapperClassName="transaction-list-item-details__header-button"
containerClassName="transaction-list-item-details__header-button-tooltip-container"
title={blockExplorerUrl ? t('viewOnCustomBlockExplorer', [blockExplorerUrl]) : t('viewOnEtherscan')}
>
<Button
type="raised"
onClick={this.handleEtherscanClick}
className="transaction-list-item-details__header-button"
disabled={!hash}
>
<img src="/images/arrow-popout.svg" />