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.

Sign up for GitHub

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

right align Udapp text boxes #4789

Merged
merged 4 commits into from
May 8, 2024
Merged

right align Udapp text boxes #4789

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
6869f71
right align Udapp text boxes
Aniket-Engg May 8, 2024
d697500
improve icons and tooltip positions
Aniket-Engg May 8, 2024
c5521c4
updated tooltip
Aniket-Engg May 8, 2024
a783313
custom gas limit textbox
Aniket-Engg May 8, 2024
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
6 changes: 3 additions & 3 deletions apps/remix-ide/src/app/tabs/locales/en/udapp.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -50,15 +50,15 @@
"udapp.hash": "hash",
"udapp.signature": "signature",
"udapp.injectedTitle": "Unfortunately it's not possible to create an account using injected provider. Please create the account directly from your provider (i.e metamask or other of the same type).",
"udapp.createNewAccount": "Create a new account",
"udapp.createNewAccount": "Create new account",
"udapp.web3Title": "Creating an account is possible only in Personal mode. Please go to Settings to enable it.",
"udapp.defaultTitle": "Unfortunately it's not possible to create an account using an external wallet ({selectExEnv}).",
"udapp.text1": "Please provide a Passphrase for the account creation",
"udapp.tooltipText1": "Account list is empty, please make sure the current provider is properly connected to remix",
"udapp.modalTitle1": "Passphrase to sign a message",
"udapp.modalMessage1": "Enter your passphrase for this account to sign the message",
"udapp.copyAccount": "Copy account to clipboard",
"udapp.signMsgUsingAccount": "Sign a message using this account",
"udapp.copyAccount": "Copy account",
"udapp.signMsgUsingAccount": "Sign using this account",

"udapp._comment_environment.tsx": "libs/remix-ui/run-tab/src/lib/components/environment.tsx",
"udapp.environment": "Environment",
Expand Down
16 changes: 8 additions & 8 deletions libs/remix-ui/run-tab/src/lib/components/account.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -200,11 +200,17 @@ export function AccountUI(props: AccountProps) {
<div className="udapp_crow">
<label className="udapp_settingsLabel">
<FormattedMessage id="udapp.account" />
<CustomTooltip placement={'top-start'} tooltipClasses="text-wrap" tooltipId="remixPlusWrapperTooltip" tooltipText={plusOpt.title}>
<CustomTooltip placement={'top'} tooltipClasses="text-wrap" tooltipId="remixPlusWrapperTooltip" tooltipText={plusOpt.title}>
<span id="remixRunPlusWraper">
<i id="remixRunPlus" className={`fas fa-plus-circle udapp_icon ${plusOpt.classList}`} aria-hidden="true" onClick={newAccount}></i>
<i id="remixRunPlus" className={`ml-2 fas fa-plus-circle udapp_icon ${plusOpt.classList}`} aria-hidden="true" onClick={newAccount}></i>
</span>
</CustomTooltip>
<CustomTooltip placement={'top'} tooltipClasses="text-nowrap" tooltipId="remixSignMsgTooltip" tooltipText={<FormattedMessage id="udapp.signMsgUsingAccount" />}>
<i id="remixRunSignMsg" data-id="settingsRemixRunSignMsg" className="ml-2 fas fa-edit udapp_icon" aria-hidden="true" onClick={signMessage}></i>
</CustomTooltip>
<span >
<CopyToClipboard className="fas fa-copy ml-2 p-0" tip={intl.formatMessage({ id: 'udapp.copyAccount' })} content={selectedAccount} direction="top" />
</span>
{props.accounts.isRequesting && <i className="fa fa-spinner fa-pulse ml-2" aria-hidden="true"></i>}
</label>
<div className="udapp_account">
Expand All @@ -224,12 +230,6 @@ export function AccountUI(props: AccountProps) {
</option>
))}
</select>
<div style={{ marginLeft: -5 }}>
<CopyToClipboard tip={intl.formatMessage({ id: 'udapp.copyAccount' })} content={selectedAccount} direction="top" />
</div>
<CustomTooltip placement={'top-start'} tooltipClasses="text-nowrap" tooltipId="remixSignMsgTooltip" tooltipText={<FormattedMessage id="udapp.signMsgUsingAccount" />}>
<i id="remixRunSignMsg" data-id="settingsRemixRunSignMsg" className="mx-1 fas fa-edit udapp_icon" aria-hidden="true" onClick={signMessage}></i>
</CustomTooltip>
</div>
</div>
)
Expand Down
13 changes: 6 additions & 7 deletions libs/remix-ui/run-tab/src/lib/components/environment.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,12 @@ export function EnvironmentUI(props: EnvironmentProps) {

<CustomTooltip placement={'right'} tooltipClasses="text-nowrap" tooltipId="info-recorder" tooltipText={<FormattedMessage id="udapp.tooltipText2" />}>
<a href="https://chainlist.org/" target="_blank">
<i style={{ fontSize: 'medium' }} className={'ml-2 fad fa-plug'} aria-hidden="true"></i>
<i className={'ml-2 fas fa-plug'} aria-hidden="true"></i>
</a>
</CustomTooltip>
<CustomTooltip placement={'right'} tooltipClasses="text-wrap" tooltipId="runAndDeployAddresstooltip" tooltipText={<FormattedMessage id="udapp.environmentDocs" />}>
<a href="https://remix-ide.readthedocs.io/en/latest/run.html#environment" target="_blank" rel="noreferrer">
<i className="udapp_infoDeployAction ml-2 fas fa-info-circle"></i>
</a>
</CustomTooltip>
</label>
Expand Down Expand Up @@ -65,12 +70,6 @@ export function EnvironmentUI(props: EnvironmentProps) {
))}
</Dropdown.Menu>
</Dropdown>

<CustomTooltip placement={'right-start'} tooltipClasses="text-wrap" tooltipId="runAndDeployAddresstooltip" tooltipText={<FormattedMessage id="udapp.environmentDocs" />}>
<a href="https://remix-ide.readthedocs.io/en/latest/run.html#environment" target="_blank" rel="noreferrer">
<i className="udapp_infoDeployAction ml-2 fas fa-info"></i>
</a>
</CustomTooltip>
</div>
</div>
)
Expand Down
26 changes: 13 additions & 13 deletions libs/remix-ui/run-tab/src/lib/components/gasLimit.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ export function GasLimitUI(props: GasPriceProps) {
<FormattedMessage id="udapp.gasLimitAuto" />
</label>
</div>
<div className="d-flex pb-1 custom-control custom-radio">
<div className="d-flex custom-control custom-radio align-items-baseline">
<input
className="custom-control-input"
type="radio"
Expand All @@ -61,20 +61,20 @@ export function GasLimitUI(props: GasPriceProps) {
checked={!gasLimitAuto}
id="glManualConfig"
/>
<label className="mb-1 w-100 form-check-label custom-control-label" htmlFor="glManualConfig" data-id="glManualConfiguration">
<label className="mb-1 w-50 form-check-label custom-control-label" htmlFor="glManualConfig" data-id="glManualConfiguration">
<FormattedMessage id="udapp.gasLimitManual" />
<CustomTooltip placement={'right'} tooltipClasses="text-nowrap" tooltipId="remixGasPriceTooltip" tooltipText={<FormattedMessage id="udapp.tooltipText4" />}>
<input
type="number"
ref={inputComponent}
disabled={gasLimitAuto}
className="mt-2 form-control"
id="gasLimit"
value={props.gasLimit === 0 ? currentGasLimit.current : props.gasLimit}
onChange={handleGasLimit}
/>
</CustomTooltip>
</label>
<CustomTooltip placement={'right'} tooltipClasses="text-nowrap" tooltipId="remixGasPriceTooltip" tooltipText={<FormattedMessage id="udapp.tooltipText4" />}>
<input
type="number"
ref={inputComponent}
disabled={gasLimitAuto}
className="form-control w-100 float-right"
id="gasLimit"
value={props.gasLimit === 0 ? currentGasLimit.current : props.gasLimit}
onChange={handleGasLimit}
/>
</CustomTooltip>
</div>
</div>
</div>
Expand Down
Loading