diff --git a/assets/img/gasStation_50.png b/assets/img/gasStation_50.png deleted file mode 100644 index 6758609385..0000000000 Binary files a/assets/img/gasStation_50.png and /dev/null differ diff --git a/src/app/editor/contextView.js b/src/app/editor/contextView.js index ed0a524153..0bad1022f1 100644 --- a/src/app/editor/contextView.js +++ b/src/app/editor/contextView.js @@ -40,11 +40,12 @@ class ContextView { } render () { - const view = yo`
-
- ${this._renderTarget()} -
-
` + const view = yo` +
+
+ ${this._renderTarget()} +
+
` if (!this._view) { this._view = view } @@ -156,24 +157,28 @@ class ContextView { const showGasEstimation = () => { if (node.name === 'FunctionDefinition') { const result = this.contextualListener.gasEstimation(node) - const executionCost = 'Execution cost: ' + result.executionCost + ' gas' + const executionCost = ' Execution cost: ' + result.executionCost + ' gas' const codeDepositCost = 'Code deposit cost: ' + result.codeDepositCost + ' gas' const estimatedGas = result.codeDepositCost ? `${codeDepositCost}, ${executionCost}` : `${executionCost}` - return yo`
- - ${estimatedGas} -
` + return yo` +
+ + ${estimatedGas} +
+ ` } } - return yo`
${showGasEstimation()} -
${type}
-
${node.attributes.name}
- - ${references} - - -
` + return yo` +
${showGasEstimation()} +
${type}
+
${node.attributes.name}
+ + ${references} + + +
+ ` } } diff --git a/src/app/editor/styles/contextView-styles.js b/src/app/editor/styles/contextView-styles.js index e9b3cea422..5303a356fa 100644 --- a/src/app/editor/styles/contextView-styles.js +++ b/src/app/editor/styles/contextView-styles.js @@ -1,15 +1,15 @@ var csjs = require('csjs-inject') var css = csjs` - .contextview { + .contextview { opacity : 1; position : relative; - height : 20px; + height : 25px; } - .container { + .container { padding : 1px 15px; } - .line { + .line { display : flex; justify-content : flex-end; align-items : center; @@ -18,32 +18,36 @@ var css = csjs` white-space : nowrap; font-size : 13px; } - .type { + .type { font-style : italic; margin-right : 5px; } - .name { + .name { font-weight : bold; } - .jump { + .jump { cursor : pointer; margin : 0 5px; } .jump:hover { color : var(--secondary); } - .referencesnb { + .referencesnb { float : right; margin-left : 15px; } .gasEstimation { - margin-right: 15px; - display: flex; - align-items: center; + margin-right : 15px; + display : flex; + align-items : center; } .gasStationIcon { - height: 13px; - margin-right: 5px; + margin-right : 5px; + } + .contextviewcontainer { + z-index : 50; + border-radius : 1px; + border : 2px solid var(--secondary); } .contextviewcontainer{ z-index : 50; diff --git a/src/app/files/file-explorer.js b/src/app/files/file-explorer.js index 4e0ccffdc2..b317dade6d 100644 --- a/src/app/files/file-explorer.js +++ b/src/app/files/file-explorer.js @@ -319,7 +319,7 @@ fileExplorer.prototype.init = function () { fileExplorer.prototype.publishToGist = function () { modalDialogCustom.confirm( - null, + 'Create a public gist', 'Are you sure you want to publish all your files anonymously as a public gist on github.com?', () => { this.toGist() } ) diff --git a/src/app/panels/terminal.js b/src/app/panels/terminal.js index d127589d89..0bb6d60ced 100644 --- a/src/app/panels/terminal.js +++ b/src/app/panels/terminal.js @@ -136,7 +136,7 @@ class Terminal extends BaseApi { self._view.bar = yo`
${self._view.dragbar} -
+
${self._view.icon}