fix tooltip for transaction count

pull/2904/head
Joseph Izang 2 years ago
parent 54f139c04f
commit c705252ae1
  1. 4
      libs/remix-ui/run-tab/src/lib/components/contractDropdownUI.tsx
  2. 8
      libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx

@ -334,7 +334,9 @@ export function ContractDropdownUI(props: ContractDropdownProps) {
<span>{atAddressOptions.title}</span> <span>{atAddressOptions.title}</span>
</Tooltip> </Tooltip>
}> }>
<button className="udapp_atAddress btn btn-sm btn-info" id="runAndDeployAtAdressButton" disabled={atAddressOptions. disabled} onClick={loadFromAddress} data-title={atAddressOptions.title}>At Address</button> <span>
<button className="udapp_atAddress btn btn-sm btn-info" id="runAndDeployAtAdressButton" disabled={atAddressOptions. disabled} onClick={loadFromAddress} data-title={atAddressOptions.title} style={{ pointerEvents: 'none' }}>At Address</button>
</span>
</OverlayTrigger> </OverlayTrigger>
<input <input
ref={atAddressValue} ref={atAddressValue}

@ -31,7 +31,13 @@ export function RecorderUI (props: RecorderProps) {
<div className="udapp_recorderSection d-flex justify-content-between" onClick={toggleClass}> <div className="udapp_recorderSection d-flex justify-content-between" onClick={toggleClass}>
<div className="d-flex justify-content-center align-items-center"> <div className="d-flex justify-content-center align-items-center">
<label className="mt-1 udapp_recorderSectionLabel">Transactions recorded</label> <label className="mt-1 udapp_recorderSectionLabel">Transactions recorded</label>
<div className="ml-2 badge badge-pill badge-primary text-center" title="The number of recorded transactions">{props.count}</div> <OverlayTrigger placement={'right'} overlay={
<Tooltip className="text-nowrap" id="recordedTransactionsCounttooltip">
<span>{'The number of recorded transactions'}</span>
</Tooltip>
}>
<div className="ml-2 badge badge-pill badge-primary text-center" data-title="The number of recorded transactions">{props.count}</div>
</OverlayTrigger>
<OverlayTrigger placement={'right'} overlay={ <OverlayTrigger placement={'right'} overlay={
<Tooltip className="text-nowrap" id="info-recorder"> <Tooltip className="text-nowrap" id="info-recorder">
<span>Save transactions (deployed contracts and function executions) and replay them in another environment. <br/> e.g Transactions created in Remix VM can be replayed in the Injected Provider. <span>Save transactions (deployed contracts and function executions) and replay them in another environment. <br/> e.g Transactions created in Remix VM can be replayed in the Injected Provider.

Loading…
Cancel
Save