diff --git a/src/app/tabs/runTab/settings.js b/src/app/tabs/runTab/settings.js
index 0a4f060902..ba6b9e0304 100644
--- a/src/app/tabs/runTab/settings.js
+++ b/src/app/tabs/runTab/settings.js
@@ -87,7 +87,7 @@ class SettingsUI {
Account
-
+
@@ -194,6 +194,34 @@ class SettingsUI {
this.event.trigger('clearInstance', [])
this.updateNetwork()
this.fillAccountsList()
+ this.updatePlusButton()
+ }
+
+ updatePlusButton() {
+ // enable/disable + button
+ let plusBtn = document.getElementById("remixRunPlus")
+ switch (this.selectExEnv.value) {
+ case "injected": {
+ plusBtn.classList.add(css.disableMouseEvents)
+ plusBtn.title = "Unfortnately it's not possible to create an account for injected web3, please use the Metamask or other providers"
+ }
+ break;
+ case "vm": {
+ plusBtn.classList.remove(css.disableMouseEvents)
+ plusBtn.title = "Create a new account"
+ }
+ break;
+ case "web3": {
+ if (!this._components.registry.get('config').api.get("settings/personal-mode")) {
+ plusBtn.classList.add(css.disableMouseEvents)
+ plusBtn.title = "Creating an account is possible only in Personal mode. Please go to Settings to enable it."
+ } else {
+ plusBtn.classList.remove(css.disableMouseEvents)
+ plusBtn.title = "Create a new account"
+ }
+ }
+ default:
+ }
}
newAccount () {
diff --git a/src/app/tabs/styles/run-tab-styles.js b/src/app/tabs/styles/run-tab-styles.js
index f94e12ce37..3607bc8991 100644
--- a/src/app/tabs/styles/run-tab-styles.js
+++ b/src/app/tabs/styles/run-tab-styles.js
@@ -178,6 +178,9 @@ var css = csjs`
border-radius: 3px;
margin-left: 5px;
}
+ .disableMouseEvents {
+ pointer-events: none;
+ }
.icon {
cursor: pointer;
font-size: 12px;
diff --git a/src/app/ui/styles/tooltip-styles.js b/src/app/ui/styles/tooltip-styles.js
index fc669e4d07..c82785f030 100644
--- a/src/app/ui/styles/tooltip-styles.js
+++ b/src/app/ui/styles/tooltip-styles.js
@@ -7,13 +7,12 @@ var css = csjs`
justify-content: space-between;
align-items: center;
position: fixed;
- color: var(--primary)
min-height: 50px;
padding: 16px 24px 12px;
border-radius: 3px;
bottom: -300;
left: 40%;
- font-size: 12px;
+ font-size: 14px;
text-align: center;
bottom: 0;
}