m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +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 { & &__header-button {
font-size: 0.625rem; font-size: 0.625rem;
&-tooltip-container {
display: flex !important;
height: 100%;
}
&:not(:last-child) { &:not(:last-child) {
margin-right: 8px; 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() } { 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 <Button
type="raised" type="raised"
onClick={this.handleCopyTxId} onClick={this.handleCopyTxId}
className="transaction-list-item-details__header-button"
disabled={!hash} disabled={!hash}
> >
<Copy size={10} color="#3098DC" /> <Copy size={10} color="#3098DC" />
</Button> </Button>
</Tooltip> </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 <Button
type="raised" type="raised"
onClick={this.handleEtherscanClick} onClick={this.handleEtherscanClick}
className="transaction-list-item-details__header-button"
disabled={!hash} disabled={!hash}
> >
<img src="/images/arrow-popout.svg" /> <img src="/images/arrow-popout.svg" />