Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

typos and black theme bg color fix #4312

Merged
merged 5 commits into from
Dec 7, 2023
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Original file line number Diff line number Diff line change
Expand Up @@ -5632,7 +5632,7 @@ a.close.disabled {
vertical-align: text-top !important;
}
.bg-primary {
background-color: #28282D !important;
background-color: var(--primary) !important;
}
a.bg-primary:focus,
a.bg-primary:hover,
Expand Down
6 changes: 3 additions & 3 deletions apps/remix-ide/src/walkthroughService.js
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ export class WalkthroughService extends Plugin {
introJs().setOptions({
steps: [{
title: 'Transactions Recorder',
intro: 'Save transactions (deployed contracts and function executions) and replay them in another environment e.g Transactions created in Remix VM can be replayed in the Injected Provider.Click to launch the Home tab that contains links, tips, and shortcuts..',
intro: 'Save transactions (deployed contracts and function executions) and replay them in another environment e.g Transactions created in Remix VM can be replayed in the Injected Provider. Click to launch the Home tab that contains links, tips, and shortcuts.',
element: document.querySelector('#udappRecorderCard'),
tooltipClass: 'bg-light text-dark',
position: 'right',
Expand All @@ -28,15 +28,15 @@ export class WalkthroughService extends Plugin {
{
element: document.querySelector('#udappRecorderUseLatest'),
title: 'Transactions Recorder',
intro: 'If set the recorder will run transactions using the latest compilation result.',
intro: 'If selected the recorder will run transactions using the latest compilation result.',
tooltipClass: 'bg-light text-dark',
position: 'right',
highlightClass: 'bg-light border border-warning'
},
{
element: document.querySelector('#udappRecorderSave'),
title: 'Transactions Recorder',
intro: 'Once there is a one or a few transactions have been executed from Remix, click this button to save these transactions as a scenario file.',
intro: 'Once one or more transactions have been executed from Remix, click this button to save these transactions as a scenario file.',
tooltipClass: 'bg-light text-dark',
position: 'right',
highlightClass: 'bg-light border border-warning'
Expand Down
7 changes: 4 additions & 3 deletions libs/remix-ui/run-tab/src/lib/components/recorderCardUI.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -35,9 +35,9 @@ export function RecorderUI(props: RecorderProps) {

return (
<div className="udapp_cardContainer py-1 list-group-item border-top border-bottom" id="udappRecorderCard">
<div className="udapp_recorderSection d-flex justify-content-between" onClick={toggleClass}>
<div className="udapp_recorderSection d-flex justify-content-between">
<div className="d-flex justify-content-center align-items-center">
<label className="mt-1 udapp_recorderSectionLabel">
<label className="text-nowrap mt-1 udapp_recorderSectionLabel" onClick={toggleClass}>
<FormattedMessage id="udapp.transactionsRecorded" />
</label>
<CustomTooltip
Expand All @@ -46,7 +46,7 @@ export function RecorderUI(props: RecorderProps) {
tooltipId="recordedTransactionsCounttooltip"
tooltipText={<FormattedMessage id="udapp.transactionsCountTooltip" />}
>
<div className="ml-2 badge badge-pill badge-primary text-center" data-title="The number of recorded transactions">
<div className="pl-3 badge badge-pill badge-primary text-center" style={{cursor:"default"}} data-title="The number of recorded transactions">
{props.count}
</div>
</CustomTooltip>
Expand All @@ -66,6 +66,7 @@ export function RecorderUI(props: RecorderProps) {
</i>
</CustomTooltip>
</div>
<div className="w-100" onClick={toggleClass}></div>
<div className="p-3">
<span data-id="udappRecorderTitleExpander" onClick={toggleClass}>
<i className={!toggleExpander ? 'fas fa-angle-right' : 'fas fa-angle-down'} aria-hidden="true"></i>
Expand Down
Loading