diff --git a/src/app/panels/file-panel.js b/src/app/panels/file-panel.js index a973e6f5f6..82cc86c1a5 100644 --- a/src/app/panels/file-panel.js +++ b/src/app/panels/file-panel.js @@ -36,6 +36,24 @@ var css = csjs` .newFile i:hover { color : orange; } + .gist { + padding : 10px; + } + .gist i { + cursor : pointer; + } + .gist i:hover { + color : orange; + } + .copyFiles { + padding : 10px; + } + .copyFiles i { + cursor : pointer; + } + .copyFiles i:hover { + color : orange; + } .connectToLocalhost { padding : 10px; } @@ -106,7 +124,7 @@ function filepanel (appAPI, filesProvider) {
- + ${canUpload ? yo` ` : ''} + + + + + + diff --git a/src/app/support-tab.js b/src/app/support-tab.js new file mode 100644 index 0000000000..2b9e3c49fb --- /dev/null +++ b/src/app/support-tab.js @@ -0,0 +1,93 @@ +var yo = require('yo-yo') + +// -------------- styling ---------------------- +var csjs = require('csjs-inject') +var styleGuide = require('./style-guide') +var styles = styleGuide() + +var css = csjs` + .supportTabView { + height: 100vh; + padding: 2%; + padding-bottom: 3em; + display: flex; + flex-direction: column; + overflow: hidden; + } + .chat extends ${styles.displayBox} { + display: flex; + flex-direction: column; + align-items: center; + height: 85%; + } + .chatTitle { + cursor: pointer; + height: 40px; + width: 90%; + display: flex; + align-items: center; + justify-content: center; + border-radius: 3px; + background-color: white; + border: 2px dotted ${styles.colors.lightGrey}; + } + .chatTitle:hover { + background-color: ${styles.colors.lightYellow}; + } + .icon { + height: 70%; + margin-right: 2%; + } + .chatTitleText { + font-size: 13px; + font-weight: bold; + } + .chatTitleText { + opacity: 0.8; + } + .chatIframe { + width: 100%; + height: 100%; + border: 2px dotted ${styles.colors.lightGrey}; + overflow: hidden; + transform: scale(0.9); + } + .infoBox extends ${styles.infoTextBox}{ + + } +` + +var infoText = yo` +
+ Have a question, found a bug or want to propose a feature? Have a look at the + issues or check out + the documentation page on Remix or + Solidity. +
+` + +module.exports = supportTab + +function supportTab (container, appAPI, events, opts) { + var el = yo` +
+
+
+ ${infoText} +
+
+
+
+ +
ethereum/remix community chat
+
+