fix styles on tx detail popover buttons (#9432)

feature/default_network_editable
Brad Decker 4 years ago committed by GitHub
parent f4a2a09713
commit c6a540419c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 5
      ui/app/components/app/transaction-list-item-details/index.scss
  2. 14
      ui/app/components/app/transaction-list-item-details/transaction-list-item-details.component.js

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

@ -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" />

Loading…
Cancel
Save