${self._view.config.general}
${self._view.config.plugin}
${self._view.gistToken}
@@ -135,8 +134,8 @@ module.exports = class SettingsTab {
if (!self._view.plugins[plugin.title]) self._view.plugins[plugin.title] = {}
self._view.plugins[plugin.title].json = plugin
self._view.plugins[plugin.title].el = yo`
-
{ onLoadPlugin(plugin.title) }}>${plugin.title}
- ${opt.removable ? yo`
{ onRemovePlugin(plugin.title) }}>` : yo`
`}
+
{ onLoadPlugin(plugin.title) }}>${plugin.title}
+ ${opt.removable ? yo`
{ onRemovePlugin(plugin.title) }}>` : yo`
`}
`
self._view.config.plugins.appendChild(self._view.plugins[plugin.title].el)
}
@@ -255,6 +254,15 @@ const css = csjs`
width: inherit;
display: inline-block;
}
+ .initPlugin {
+ vertical-align: top;
+ ${styles.rightPanel.settingsTab.button_initPlugin};
+ width: inherit;
+ display: block;
+ max-height: inherit;
+ padding:7px;
+ }
+
.removePlugin {
cursor: pointer;
}
@@ -267,4 +275,27 @@ const css = csjs`
.savegisttoken {
margin-left: 5px;
}
+ .aPlugin {
+ display: inline-block;
+ padding-left: 10px;
+ padding-top: 4px;
+ padding-bottom: 6px;
+ max-width: 100px;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ white-space: nowrap;
+ vertical-align: middle;
+ }
+ .pluginLoad {
+ vertical-align: top;
+ max-height: inherit;
+ margin: 2px;
+
+ }
+ .removePlugin{
+ padding-left: 7px;
+ padding-right: 7px;
+ border-left: 2px solid ${styles.appProperties.primary_BackgroundColor};
+ margin-left: 10px;
+ }
`
diff --git a/src/app/ui/styles-guide/style-guide.js b/src/app/ui/styles-guide/style-guide.js
index 07e9899e72..9c8a1ea8d5 100644
--- a/src/app/ui/styles-guide/style-guide.js
+++ b/src/app/ui/styles-guide/style-guide.js
@@ -701,6 +701,11 @@ function styleGuide () {
BackgroundColor: appProperties.secondaryButton_BackgroundColor,
BorderColor: appProperties.secondaryButton_BorderColor,
Color: appProperties.secondaryButton_TextColor
+ }),
+ button_initPlugin: appProperties.uiElements.button({
+ BackgroundColor: appProperties.transactButton_BackgroundColor,
+ BorderColor: appProperties.transactButton_BorderColor,
+ Color: appProperties.secondaryButton_TextColor
})
},
diff --git a/src/app/ui/styles-guide/styleGuideDark.js b/src/app/ui/styles-guide/styleGuideDark.js
index 8e2ca1aa3b..adc48801f6 100644
--- a/src/app/ui/styles-guide/styleGuideDark.js
+++ b/src/app/ui/styles-guide/styleGuideDark.js
@@ -684,6 +684,18 @@ function styleGuideDark () {
BackgroundColor: appProperties.dropdown_BackgroundColor,
BorderColor: appProperties.dropdown_BorderColor,
Color: appProperties.dropdown_TextColor
+ }),
+
+ button_LoadPlugin: appProperties.uiElements.button({
+ BackgroundColor: appProperties.secondaryButton_BackgroundColor,
+ BorderColor: appProperties.secondaryButton_BorderColor,
+ Color: appProperties.secondaryButton_TextColor
+ }),
+
+ button_initPlugin: appProperties.uiElements.button({
+ BackgroundColor: appProperties.transactButton_BackgroundColor,
+ BorderColor: appProperties.transactButton_BorderColor,
+ Color: appProperties.secondaryButton_TextColor
})
},