yann300
7 years ago
committed by
GitHub
commit
f9e518ac52
@ -0,0 +1,180 @@ |
|||||||
|
var yo = require('yo-yo') |
||||||
|
var csjs = require('csjs-inject') |
||||||
|
var remixLib = require('remix-lib') |
||||||
|
var styleGuide = remixLib.ui.themeChooser |
||||||
|
var styles = styleGuide.chooser() |
||||||
|
|
||||||
|
var cssTabs = yo` |
||||||
|
<style> |
||||||
|
#files .file { |
||||||
|
padding: 0 0.6em; |
||||||
|
box-sizing: border-box; |
||||||
|
background-color: ${styles.editor.backgroundColor_Tabs_Highlights}; |
||||||
|
cursor: pointer; |
||||||
|
margin-right: 10px; |
||||||
|
margin-top: 5px; |
||||||
|
position: relative; |
||||||
|
display: table-cell; |
||||||
|
text-align: center; |
||||||
|
vertical-align: middle; |
||||||
|
color: ${styles.editor.text_Teriary}; |
||||||
|
} |
||||||
|
#files .file.active { |
||||||
|
color: ${styles.editor.text_Primary}; |
||||||
|
font-weight: bold; |
||||||
|
border-bottom: 0 none; |
||||||
|
padding-right: 1.5em; |
||||||
|
} |
||||||
|
#files .file .remove { |
||||||
|
font-size: 12px; |
||||||
|
display: flex; |
||||||
|
color: ${styles.editor.text_Primary}; |
||||||
|
position: absolute; |
||||||
|
top: -7px; |
||||||
|
right: 5px; |
||||||
|
display: none; |
||||||
|
} |
||||||
|
#files .file input { |
||||||
|
background-color: ${styles.colors.transparent}; |
||||||
|
border: 0 none; |
||||||
|
border-bottom: 1px dotted ${styles.editor.text_Primary}; |
||||||
|
line-height: 1em; |
||||||
|
margin: 0.5em 0; |
||||||
|
} |
||||||
|
#files .file.active .remove { |
||||||
|
display: inline-block; |
||||||
|
color: ${styles.editor.text_Primary}; |
||||||
|
} |
||||||
|
</style> |
||||||
|
` |
||||||
|
|
||||||
|
var css = csjs` |
||||||
|
.editorpanel { |
||||||
|
display : flex; |
||||||
|
flex-direction : column; |
||||||
|
height : 100%; |
||||||
|
} |
||||||
|
.tabsbar { |
||||||
|
background-color : ${styles.editor.backgroundColor_Panel}; |
||||||
|
display : flex; |
||||||
|
overflow : hidden; |
||||||
|
height : 30px; |
||||||
|
} |
||||||
|
.tabs { |
||||||
|
position : relative; |
||||||
|
display : flex; |
||||||
|
margin : 0; |
||||||
|
left : 10px; |
||||||
|
margin-right : 10px; |
||||||
|
width : 100%; |
||||||
|
overflow : hidden; |
||||||
|
} |
||||||
|
.files { |
||||||
|
display : flex; |
||||||
|
position : relative; |
||||||
|
list-style : none; |
||||||
|
margin : 0; |
||||||
|
font-size : 15px; |
||||||
|
height : 2.5em; |
||||||
|
box-sizing : border-box; |
||||||
|
line-height : 2em; |
||||||
|
top : 0; |
||||||
|
border-bottom : 0 none; |
||||||
|
} |
||||||
|
.changeeditorfontsize { |
||||||
|
margin : 0; |
||||||
|
font-size : 9px; |
||||||
|
margin-top : 0.5em; |
||||||
|
} |
||||||
|
.changeeditorfontsize i { |
||||||
|
cursor : pointer; |
||||||
|
display : block; |
||||||
|
color : ${styles.editor.icon_Color_Editor}; |
||||||
|
} |
||||||
|
.changeeditorfontsize i { |
||||||
|
cursor : pointer; |
||||||
|
} |
||||||
|
.changeeditorfontsize i:hover { |
||||||
|
color : ${styles.editor.icon_HoverColor_Editor}; |
||||||
|
} |
||||||
|
.buttons { |
||||||
|
display : flex; |
||||||
|
flex-direction : row; |
||||||
|
justify-content : space-around; |
||||||
|
align-items : center; |
||||||
|
min-width : 45px; |
||||||
|
} |
||||||
|
.toggleLHP { |
||||||
|
display : flex; |
||||||
|
padding : 10px; |
||||||
|
width : 100%; |
||||||
|
font-weight : bold; |
||||||
|
color : ${styles.leftPanel.icon_Color_TogglePanel}; |
||||||
|
} |
||||||
|
.toggleLHP i { |
||||||
|
cursor : pointer; |
||||||
|
font-size : 14px; |
||||||
|
font-weight : bold; |
||||||
|
} |
||||||
|
.toggleLHP i:hover { |
||||||
|
color : ${styles.leftPanel.icon_HoverColor_TogglePanel}; |
||||||
|
} |
||||||
|
.scroller { |
||||||
|
position : absolute; |
||||||
|
z-index : 999; |
||||||
|
text-align : center; |
||||||
|
cursor : pointer; |
||||||
|
vertical-align : middle; |
||||||
|
background-color : ${styles.colors.general_BackgroundColor}; |
||||||
|
height : 100%; |
||||||
|
font-size : 1.3em; |
||||||
|
color : orange; |
||||||
|
} |
||||||
|
.scrollerright { |
||||||
|
right : 0; |
||||||
|
margin-right : 15px; |
||||||
|
} |
||||||
|
.scrollerleft { |
||||||
|
left : 0; |
||||||
|
} |
||||||
|
.toggleRHP { |
||||||
|
margin : 0.5em; |
||||||
|
font-weight : bold; |
||||||
|
color : ${styles.rightPanel.icon_Color_TogglePanel}; |
||||||
|
right : 0; |
||||||
|
} |
||||||
|
.toggleRHP i { |
||||||
|
cursor : pointer; |
||||||
|
font-size : 14px; |
||||||
|
font-weight : bold; |
||||||
|
} |
||||||
|
.toggleRHP i:hover { |
||||||
|
color : ${styles.rightPanel.icon_HoverColor_TogglePanel}; |
||||||
|
} |
||||||
|
.show { |
||||||
|
opacity : 1; |
||||||
|
transition : .3s opacity ease-in; |
||||||
|
} |
||||||
|
.hide { |
||||||
|
opacity : 0; |
||||||
|
pointer-events : none; |
||||||
|
transition : .3s opacity ease-in; |
||||||
|
} |
||||||
|
.content { |
||||||
|
position : relative; |
||||||
|
display : flex; |
||||||
|
flex-direction : column; |
||||||
|
height : 100%; |
||||||
|
width : 100%; |
||||||
|
} |
||||||
|
.contextviewcontainer{ |
||||||
|
width : 100%; |
||||||
|
height : 20px; |
||||||
|
background-color : ${styles.editor.backgroundColor_Tabs_Highlights}; |
||||||
|
} |
||||||
|
` |
||||||
|
|
||||||
|
module.exports = { |
||||||
|
cssTabs: cssTabs, |
||||||
|
css: css |
||||||
|
} |
||||||
@ -0,0 +1,109 @@ |
|||||||
|
var csjs = require('csjs-inject') |
||||||
|
var remixLib = require('remix-lib') |
||||||
|
var styleGuide = remixLib.ui.themeChooser |
||||||
|
var styles = styleGuide.chooser() |
||||||
|
|
||||||
|
var css = csjs` |
||||||
|
.container { |
||||||
|
display : flex; |
||||||
|
flex-direction : row; |
||||||
|
width : 100%; |
||||||
|
height : 100%; |
||||||
|
box-sizing : border-box; |
||||||
|
} |
||||||
|
.fileexplorer { |
||||||
|
display : flex; |
||||||
|
flex-direction : column; |
||||||
|
position : relative; |
||||||
|
width : 100%; |
||||||
|
} |
||||||
|
.menu { |
||||||
|
margin-top : -0.2em; |
||||||
|
flex-shrink : 0; |
||||||
|
display : flex; |
||||||
|
flex-direction : row; |
||||||
|
min-width : 160px; |
||||||
|
} |
||||||
|
.newFile { |
||||||
|
padding : 10px; |
||||||
|
} |
||||||
|
.newFile i { |
||||||
|
cursor : pointer; |
||||||
|
} |
||||||
|
.newFile i:hover { |
||||||
|
color : ${styles.colors.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; |
||||||
|
} |
||||||
|
.connectToLocalhost i { |
||||||
|
cursor : pointer; |
||||||
|
} |
||||||
|
.connectToLocalhost i:hover { |
||||||
|
color : ${styles.colors.orange}; |
||||||
|
} |
||||||
|
.uploadFile { |
||||||
|
padding : 10px; |
||||||
|
} |
||||||
|
.uploadFile label:hover { |
||||||
|
color : ${styles.colors.orange}; |
||||||
|
} |
||||||
|
.uploadFile label { |
||||||
|
cursor : pointer; |
||||||
|
} |
||||||
|
.treeview { |
||||||
|
background-color : ${styles.colors.general_BackgroundColor}; |
||||||
|
} |
||||||
|
.treeviews { |
||||||
|
overflow-y : auto; |
||||||
|
} |
||||||
|
.dragbar { |
||||||
|
position : absolute; |
||||||
|
top : 37px; |
||||||
|
width : 0.5em; |
||||||
|
right : 0; |
||||||
|
bottom : 0; |
||||||
|
cursor : col-resize; |
||||||
|
z-index : 999; |
||||||
|
border-right : 2px solid hsla(215, 81%, 79%, .3); |
||||||
|
} |
||||||
|
.ghostbar { |
||||||
|
width : 3px; |
||||||
|
background-color : ${styles.colors.lightBlue}; |
||||||
|
opacity : 0.5; |
||||||
|
position : absolute; |
||||||
|
cursor : col-resize; |
||||||
|
z-index : 9999; |
||||||
|
top : 0; |
||||||
|
bottom : 0; |
||||||
|
} |
||||||
|
.dialog { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
} |
||||||
|
.dialogParagraph { |
||||||
|
${styles.infoTextBox} |
||||||
|
margin-bottom: 2em; |
||||||
|
word-break: break-word; |
||||||
|
} |
||||||
|
` |
||||||
|
|
||||||
|
module.exports = css |
||||||
@ -0,0 +1,103 @@ |
|||||||
|
var csjs = require('csjs-inject') |
||||||
|
var remixLib = require('remix-lib') |
||||||
|
var styleGuide = remixLib.ui.themeChooser |
||||||
|
var styles = styleGuide.chooser() |
||||||
|
|
||||||
|
var css = csjs` |
||||||
|
#righthand-panel { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
top: 0; |
||||||
|
right: 0; |
||||||
|
bottom: 0; |
||||||
|
box-sizing: border-box; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
#optionViews { |
||||||
|
background-color: ${styles.rightPanel.backgroundColor_Tab}; |
||||||
|
overflow: scroll; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
#optionViews > div { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
#optionViews .pre { |
||||||
|
word-wrap: break-word; |
||||||
|
background-color: ${styles.rightPanel.BackgroundColor_Pre}; |
||||||
|
border-radius: 3px; |
||||||
|
display: inline-block; |
||||||
|
padding: 0 0.6em; |
||||||
|
} |
||||||
|
#optionViews .hide { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
a { |
||||||
|
color: ${styles.rightPanel.text_link}; |
||||||
|
} |
||||||
|
.menu { |
||||||
|
display: flex; |
||||||
|
background-color: ${styles.rightPanel.BackgroundColor_Pre}; |
||||||
|
} |
||||||
|
.options { |
||||||
|
float: left; |
||||||
|
padding-top: 0.7em; |
||||||
|
min-width: 60px; |
||||||
|
font-size: 0.9em; |
||||||
|
cursor: pointer; |
||||||
|
font-size: 1em; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.opts { |
||||||
|
display: flex; |
||||||
|
list-style: none; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.opts_li { |
||||||
|
display: block; |
||||||
|
font-weight: bold; |
||||||
|
color: ${styles.rightPanel.text_Teriary}; |
||||||
|
} |
||||||
|
.opts_li.active { |
||||||
|
color: ${styles.rightPanel.text_Primary}; |
||||||
|
} |
||||||
|
.opts_li:hover { |
||||||
|
color: ${styles.rightPanel.icon_HoverColor_TogglePanel}; |
||||||
|
} |
||||||
|
.dragbar { |
||||||
|
position : absolute; |
||||||
|
width : 0.5em; |
||||||
|
top : 3em; |
||||||
|
bottom : 0; |
||||||
|
cursor : col-resize; |
||||||
|
z-index : 999; |
||||||
|
border-left : 2px solid ${styles.rightPanel.bar_Dragging}; |
||||||
|
} |
||||||
|
.ghostbar { |
||||||
|
width : 3px; |
||||||
|
background-color : ${styles.rightPanel.bar_Ghost}; |
||||||
|
opacity : 0.5; |
||||||
|
position : absolute; |
||||||
|
cursor : col-resize; |
||||||
|
z-index : 9999; |
||||||
|
top : 0; |
||||||
|
bottom : 0; |
||||||
|
} |
||||||
|
.panel { |
||||||
|
height : 100%; |
||||||
|
} |
||||||
|
.header { |
||||||
|
height : 100%; |
||||||
|
} |
||||||
|
.solIcon { |
||||||
|
margin-left: 10px; |
||||||
|
margin-right: 30px; |
||||||
|
display: flex; |
||||||
|
align-self: center; |
||||||
|
height: 29px; |
||||||
|
width: 20px; |
||||||
|
background-color: ${styles.colors.transparent}; |
||||||
|
} |
||||||
|
` |
||||||
|
|
||||||
|
module.exports = css |
||||||
@ -0,0 +1,167 @@ |
|||||||
|
var csjs = require('csjs-inject') |
||||||
|
var remixLib = require('remix-lib') |
||||||
|
var styleGuide = remixLib.ui.themeChooser |
||||||
|
var styles = styleGuide.chooser() |
||||||
|
|
||||||
|
var css = csjs` |
||||||
|
.panel { |
||||||
|
position : relative; |
||||||
|
display : flex; |
||||||
|
flex-direction : column; |
||||||
|
font-size : 12px; |
||||||
|
color : ${styles.terminal.text_Regular_TransactionLog}; |
||||||
|
background-color : ${styles.terminal.backgroundColor_Terminal}; |
||||||
|
height : 100%; |
||||||
|
min-height : 1.7em; |
||||||
|
overflow : hidden; |
||||||
|
} |
||||||
|
.bar { |
||||||
|
display : flex; |
||||||
|
min-height : 3em; |
||||||
|
padding : 2px; |
||||||
|
background-color : ${styles.terminal.backgroundColor_Menu}; |
||||||
|
z-index : 3; |
||||||
|
} |
||||||
|
.menu { |
||||||
|
color : ${styles.terminal.text_Primary}; |
||||||
|
position : relative; |
||||||
|
display : flex; |
||||||
|
align-items : center; |
||||||
|
width : 100%; |
||||||
|
padding : 5px; |
||||||
|
} |
||||||
|
.clear { |
||||||
|
margin-left : 10px; |
||||||
|
margin-right : 10px;
|
||||||
|
width : 10px; |
||||||
|
cursor : pointer; |
||||||
|
color : ${styles.terminal.icon_Color_TogglePanel}; |
||||||
|
} |
||||||
|
.clear:hover { |
||||||
|
color : ${styles.terminal.icon_HoverColor_Menu}; |
||||||
|
} |
||||||
|
.toggleTerminal { |
||||||
|
margin-right : 10px; |
||||||
|
font-size : 14px; |
||||||
|
font-weight : bold; |
||||||
|
cursor : pointer; |
||||||
|
color : ${styles.terminal.icon_Color_Menu}; |
||||||
|
} |
||||||
|
.toggleTerminal:hover { |
||||||
|
color : ${styles.terminal.icon_HoverColor_TogglePanel}; |
||||||
|
} |
||||||
|
.terminal_container { |
||||||
|
background-color : ${styles.terminal.backgroundColor_Terminal}; |
||||||
|
display : flex; |
||||||
|
flex-direction : column; |
||||||
|
height : 100%; |
||||||
|
overflow-y : auto; |
||||||
|
font-family : monospace; |
||||||
|
} |
||||||
|
.terminal_bg { |
||||||
|
display : flex; |
||||||
|
flex-direction : column; |
||||||
|
height : 100%; |
||||||
|
padding-left : 5px; |
||||||
|
padding-right : 5px; |
||||||
|
padding-bottom : 3px; |
||||||
|
overflow-y : auto; |
||||||
|
font-family : monospace; |
||||||
|
background-image : ${styles.terminal.backgroundImage_Terminal}; |
||||||
|
opacity : 0.1; |
||||||
|
top : 15%; |
||||||
|
left : 33%; |
||||||
|
bottom : 0; |
||||||
|
right : 0; |
||||||
|
position : absolute; |
||||||
|
background-repeat : no-repeat; |
||||||
|
background-size : 45%; |
||||||
|
} |
||||||
|
.terminal { |
||||||
|
position: relative; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
height: 100%; |
||||||
|
} |
||||||
|
.journal { |
||||||
|
margin-top : auto; |
||||||
|
font-family : monospace; |
||||||
|
} |
||||||
|
.block { |
||||||
|
word-break : break-all; |
||||||
|
white-space : pre-wrap; |
||||||
|
line-height : 2ch; |
||||||
|
margin : 1ch; |
||||||
|
margin-top : 2ch; |
||||||
|
} |
||||||
|
.cli { |
||||||
|
line-height : 1.7em; |
||||||
|
font-family : monospace; |
||||||
|
background-color : ${styles.terminal.backgroundColor_TerminalCLI}; |
||||||
|
padding : .4em; |
||||||
|
color : ${styles.appProperties.mainText_Color}; |
||||||
|
border-top : solid 2px ${styles.terminal.bar_Ghost}; |
||||||
|
} |
||||||
|
.prompt { |
||||||
|
margin-right : 0.5em; |
||||||
|
font-family : monospace; |
||||||
|
font-weight : bold; |
||||||
|
font-size : large; |
||||||
|
color : ${styles.appProperties.supportText_OppositeColor}; |
||||||
|
} |
||||||
|
.input { |
||||||
|
word-break : break-all; |
||||||
|
outline : none; |
||||||
|
font-family : monospace; |
||||||
|
} |
||||||
|
.search { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
margin-right: 10px; |
||||||
|
} |
||||||
|
.filter { |
||||||
|
${styles.terminal.input_Search_MenuBar} |
||||||
|
width : 200px; |
||||||
|
padding-right : 0px; |
||||||
|
margin-right : 0px; |
||||||
|
border-top-left-radius : 0px; |
||||||
|
border-bottom-left-radius : 0px; |
||||||
|
} |
||||||
|
.searchIcon { |
||||||
|
background-color : ${styles.colors.veryLightGrey}; |
||||||
|
color : ${styles.terminal.icon_Color_Menu}; |
||||||
|
height : 25px; |
||||||
|
width : 25px; |
||||||
|
border-top-left-radius : 3px; |
||||||
|
border-bottom-left-radius : 3px; |
||||||
|
display : flex; |
||||||
|
align-items : center; |
||||||
|
justify-content : center; |
||||||
|
} |
||||||
|
.listen { |
||||||
|
min-width : 120px; |
||||||
|
display : flex; |
||||||
|
} |
||||||
|
.dragbarHorizontal { |
||||||
|
position : absolute; |
||||||
|
top : 0; |
||||||
|
height : 0.5em; |
||||||
|
right : 0; |
||||||
|
left : 0; |
||||||
|
cursor : ns-resize; |
||||||
|
z-index : 999; |
||||||
|
border-top : 2px solid ${styles.terminal.bar_Dragging}; |
||||||
|
} |
||||||
|
.ghostbar { |
||||||
|
position : absolute; |
||||||
|
height : 6px; |
||||||
|
background-color : ${styles.terminal.bar_Ghost}; |
||||||
|
opacity : 0.5; |
||||||
|
cursor : row-resize; |
||||||
|
z-index : 9999; |
||||||
|
left : 0; |
||||||
|
right : 0; |
||||||
|
} |
||||||
|
` |
||||||
|
|
||||||
|
module.exports = css |
||||||
@ -0,0 +1,28 @@ |
|||||||
|
var remixLib = require('remix-lib') |
||||||
|
|
||||||
|
// -------------- styling ----------------------
|
||||||
|
var csjs = require('csjs-inject') |
||||||
|
var styleGuide = remixLib.ui.themeChooser |
||||||
|
var styles = styleGuide.chooser() |
||||||
|
|
||||||
|
var css = csjs` |
||||||
|
.analysisTabView { |
||||||
|
padding: 2%; |
||||||
|
padding-bottom: 3em; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
} |
||||||
|
#staticanalysisView { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
.infoBox { |
||||||
|
${styles.infoTextBox} |
||||||
|
margin-bottom: 1em; |
||||||
|
} |
||||||
|
.textBox { |
||||||
|
${styles.textBoxL} |
||||||
|
margin-bottom: 1em; |
||||||
|
} |
||||||
|
` |
||||||
|
|
||||||
|
module.exports = css |
||||||
@ -0,0 +1,144 @@ |
|||||||
|
var csjs = require('csjs-inject') |
||||||
|
var remixLib = require('remix-lib') |
||||||
|
var styleGuide = remixLib.ui.themeChooser |
||||||
|
var styles = styleGuide.chooser() |
||||||
|
|
||||||
|
var css = csjs` |
||||||
|
.compileTabView { |
||||||
|
padding: 2%; |
||||||
|
} |
||||||
|
.contract { |
||||||
|
display: block; |
||||||
|
margin: 3% 0; |
||||||
|
} |
||||||
|
.compileContainer { |
||||||
|
${styles.rightPanel.compileTab.box_CompileContainer}; |
||||||
|
margin-bottom: 2%; |
||||||
|
} |
||||||
|
.autocompileContainer { |
||||||
|
width: 90px; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.autocompile {} |
||||||
|
.autocompileTitle { |
||||||
|
font-weight: bold; |
||||||
|
margin: 1% 0; |
||||||
|
} |
||||||
|
.autocompileText { |
||||||
|
margin: 1% 0; |
||||||
|
font-size: 12px; |
||||||
|
overflow: hidden; |
||||||
|
word-break: normal; |
||||||
|
line-height: initial; |
||||||
|
} |
||||||
|
.warnCompilationSlow { |
||||||
|
color: ${styles.rightPanel.compileTab.icon_WarnCompilation_Color}; |
||||||
|
margin-left: 1%; |
||||||
|
} |
||||||
|
.compileButtons { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
flex-wrap: wrap; |
||||||
|
} |
||||||
|
.name { |
||||||
|
display: flex; |
||||||
|
} |
||||||
|
.size { |
||||||
|
display: flex; |
||||||
|
} |
||||||
|
.compileButton { |
||||||
|
${styles.rightPanel.compileTab.button_Compile}; |
||||||
|
width: 120px; |
||||||
|
min-width: 110px; |
||||||
|
margin-right: 1%; |
||||||
|
font-size: 12px; |
||||||
|
} |
||||||
|
.container { |
||||||
|
${styles.rightPanel.compileTab.box_CompileContainer}; |
||||||
|
margin: 0; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.contractNames { |
||||||
|
${styles.rightPanel.compileTab.dropdown_CompileContract}; |
||||||
|
margin-right: 5%; |
||||||
|
} |
||||||
|
.contractButtons { |
||||||
|
display: flex; |
||||||
|
cursor: pointer; |
||||||
|
justify-content: center; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.details { |
||||||
|
${styles.rightPanel.compileTab.button_Details}; |
||||||
|
} |
||||||
|
.publish { |
||||||
|
${styles.rightPanel.compileTab.button_Publish}; |
||||||
|
margin-left: 2%; |
||||||
|
width: 120px; |
||||||
|
} |
||||||
|
.log { |
||||||
|
${styles.rightPanel.compileTab.box_CompileContainer}; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
margin-bottom: 5%; |
||||||
|
overflow: visible; |
||||||
|
} |
||||||
|
.key { |
||||||
|
margin-right: 5px; |
||||||
|
color: ${styles.rightPanel.text_Primary}; |
||||||
|
text-transform: uppercase; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
.value { |
||||||
|
display: flex; |
||||||
|
width: 100%; |
||||||
|
margin-top: 1.5%; |
||||||
|
} |
||||||
|
.questionMark { |
||||||
|
margin-left: 2%; |
||||||
|
cursor: pointer; |
||||||
|
color: ${styles.rightPanel.icon_Color_TogglePanel}; |
||||||
|
} |
||||||
|
.questionMark:hover { |
||||||
|
color: ${styles.rightPanel.icon_HoverColor_TogglePanel}; |
||||||
|
} |
||||||
|
.detailsJSON { |
||||||
|
padding: 8px 0; |
||||||
|
background-color: ${styles.rightPanel.modalDialog_BackgroundColor_Primary}; |
||||||
|
border: none; |
||||||
|
color: ${styles.rightPanel.modalDialog_text_Secondary}; |
||||||
|
} |
||||||
|
.icon { |
||||||
|
margin-right: 3%; |
||||||
|
} |
||||||
|
.spinningIcon { |
||||||
|
margin-right: .3em; |
||||||
|
animation: spin 2s linear infinite; |
||||||
|
} |
||||||
|
.bouncingIcon { |
||||||
|
margin-right: .3em; |
||||||
|
animation: bounce 2s infinite; |
||||||
|
} |
||||||
|
@keyframes spin { |
||||||
|
0% { transform: rotate(0deg); } |
||||||
|
100% { transform: rotate(360deg); } |
||||||
|
} |
||||||
|
@-webkit-keyframes bounce { |
||||||
|
0% { |
||||||
|
margin-bottom: 0; |
||||||
|
color: ${styles.colors.transparent}; |
||||||
|
} |
||||||
|
70% { |
||||||
|
margin-bottom: 0; |
||||||
|
color: ${styles.rightPanel.text_Secondary}; |
||||||
|
} |
||||||
|
100% { |
||||||
|
margin-bottom: 0; |
||||||
|
color: ${styles.colors.transparent}; |
||||||
|
} |
||||||
|
} |
||||||
|
` |
||||||
|
|
||||||
|
module.exports = css |
||||||
@ -0,0 +1,15 @@ |
|||||||
|
var csjs = require('csjs-inject') |
||||||
|
var styleGuide = require('remix-lib').ui.themeChooser |
||||||
|
var styles = styleGuide.chooser() |
||||||
|
|
||||||
|
var css = csjs` |
||||||
|
.debuggerTabView { |
||||||
|
padding: 2%; |
||||||
|
} |
||||||
|
.debugger { |
||||||
|
margin-bottom: 1%; |
||||||
|
${styles.rightPanel.debuggerTab.box_Debugger} |
||||||
|
} |
||||||
|
` |
||||||
|
|
||||||
|
module.exports = css |
||||||
@ -0,0 +1,16 @@ |
|||||||
|
var csjs = require('csjs-inject') |
||||||
|
|
||||||
|
var css = csjs` |
||||||
|
.pluginTabView { |
||||||
|
height: 100%; |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
|
||||||
|
.iframe { |
||||||
|
height: 100%; |
||||||
|
width: 100%; |
||||||
|
border: 0; |
||||||
|
} |
||||||
|
` |
||||||
|
|
||||||
|
module.exports = css |
||||||
@ -0,0 +1,182 @@ |
|||||||
|
var csjs = require('csjs-inject') |
||||||
|
var styleGuide = require('remix-lib').ui.themeChooser |
||||||
|
var styles = styleGuide.chooser() |
||||||
|
|
||||||
|
var css = csjs` |
||||||
|
.runTabView { |
||||||
|
padding: 2%; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
} |
||||||
|
.settings { |
||||||
|
${styles.rightPanel.runTab.box_RunTab} |
||||||
|
margin-bottom: 2%; |
||||||
|
padding: 10px 15px 15px 15px; |
||||||
|
} |
||||||
|
.crow { |
||||||
|
margin-top: .5em; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.col1 { |
||||||
|
width: 30%; |
||||||
|
float: left; |
||||||
|
align-self: center; |
||||||
|
} |
||||||
|
.col1_1 { |
||||||
|
font-size: 12px; |
||||||
|
width: 25%; |
||||||
|
min-width: 75px; |
||||||
|
float: left; |
||||||
|
align-self: center; |
||||||
|
} |
||||||
|
.environment { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
position: relative; |
||||||
|
} |
||||||
|
.col2 { |
||||||
|
${styles.rightPanel.runTab.input_RunTab} |
||||||
|
} |
||||||
|
.col2_1 { |
||||||
|
${styles.rightPanel.runTab.input_RunTab} |
||||||
|
width: 165px; |
||||||
|
min-width: 165px; |
||||||
|
} |
||||||
|
.col2_2 { |
||||||
|
${styles.rightPanel.runTab.dropdown_RunTab} |
||||||
|
width: 82px; |
||||||
|
min-width: 82px; |
||||||
|
} |
||||||
|
.select { |
||||||
|
${styles.rightPanel.runTab.dropdown_RunTab} |
||||||
|
font-weight: normal; |
||||||
|
min-width: 150px; |
||||||
|
} |
||||||
|
.instanceContainer { |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
margin-top: 2%; |
||||||
|
border: none; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.pendingTxsContainer { |
||||||
|
${styles.rightPanel.runTab.box_Instance} |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
margin-top: 2%; |
||||||
|
border: none; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.container { |
||||||
|
${styles.rightPanel.runTab.box_RunTab} |
||||||
|
margin-top: 2%; |
||||||
|
} |
||||||
|
.contractNames { |
||||||
|
${styles.rightPanel.runTab.dropdown_RunTab} |
||||||
|
width: 100%; |
||||||
|
border: 1px solid |
||||||
|
} |
||||||
|
.contractNamesError { |
||||||
|
border: 1px solid ${styles.appProperties.errorText_Color} |
||||||
|
} |
||||||
|
.subcontainer { |
||||||
|
display: flex; |
||||||
|
flex-direction: row; |
||||||
|
align-items: baseline; |
||||||
|
} |
||||||
|
.button { |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
margin-top: 2%; |
||||||
|
} |
||||||
|
.transaction { |
||||||
|
${styles.rightPanel.runTab.button_transaction} |
||||||
|
} |
||||||
|
.atAddress { |
||||||
|
${styles.rightPanel.runTab.button_atAddress} |
||||||
|
} |
||||||
|
.create { |
||||||
|
${styles.rightPanel.runTab.button_Create} |
||||||
|
} |
||||||
|
.input { |
||||||
|
${styles.rightPanel.runTab.input_RunTab} |
||||||
|
} |
||||||
|
.noInstancesText { |
||||||
|
${styles.rightPanel.runTab.box_Instance} |
||||||
|
font-style: italic; |
||||||
|
} |
||||||
|
.pendingTxsText { |
||||||
|
${styles.rightPanel.runTab.borderBox_Instance} |
||||||
|
font-style: italic; |
||||||
|
} |
||||||
|
.item { |
||||||
|
margin-right: 1em; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
} |
||||||
|
.transact { |
||||||
|
color: ${styles.colors.lightRed}; |
||||||
|
margin-right: .3em; |
||||||
|
} |
||||||
|
.payable { |
||||||
|
color: ${styles.colors.red}; |
||||||
|
margin-right: .3em; |
||||||
|
} |
||||||
|
.call { |
||||||
|
color: ${styles.colors.lightBlue}; |
||||||
|
margin-right: .3em; |
||||||
|
} |
||||||
|
.pendingContainer { |
||||||
|
display: flex; |
||||||
|
align-items: baseline; |
||||||
|
} |
||||||
|
.pending { |
||||||
|
height: 25px; |
||||||
|
text-align: center; |
||||||
|
padding-left: 10px; |
||||||
|
border-radius: 3px; |
||||||
|
margin-left: 5px; |
||||||
|
} |
||||||
|
.icon { |
||||||
|
font-size: 12px; |
||||||
|
color: ${styles.rightPanel.runTab.icon_Color}; |
||||||
|
margin-left: 5px; |
||||||
|
} |
||||||
|
.icon:hover { |
||||||
|
font-size: 12px; |
||||||
|
color: ${styles.rightPanel.runTab.icon_HoverColor}; |
||||||
|
} |
||||||
|
.errorIcon { |
||||||
|
color: ${styles.appProperties.errorText_Color}; |
||||||
|
margin-left: 15px; |
||||||
|
} |
||||||
|
.failDesc { |
||||||
|
color: ${styles.appProperties.errorText_Color}; |
||||||
|
padding-left: 10px; |
||||||
|
display: inline; |
||||||
|
} |
||||||
|
.network { |
||||||
|
display: flex; |
||||||
|
justify-content: flex-end; |
||||||
|
align-items: center; |
||||||
|
position: absolute; |
||||||
|
color: grey; |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
padding-right: 28px; |
||||||
|
pointer-events: none; |
||||||
|
} |
||||||
|
.networkItem { |
||||||
|
margin-right: 5px; |
||||||
|
} |
||||||
|
.clearinstance { |
||||||
|
font-size: 20px; |
||||||
|
cursor: pointer; |
||||||
|
margin-right: 10px; |
||||||
|
} |
||||||
|
.transactionActions { |
||||||
|
float: right; |
||||||
|
` |
||||||
|
|
||||||
|
module.exports = css |
||||||
@ -0,0 +1,76 @@ |
|||||||
|
var csjs = require('csjs-inject') |
||||||
|
var remixLib = require('remix-lib') |
||||||
|
var styleGuide = remixLib.ui.themeChooser |
||||||
|
var styles = styleGuide.chooser() |
||||||
|
|
||||||
|
var css = csjs` |
||||||
|
.settingsTabView { |
||||||
|
padding: 2%; |
||||||
|
display: flex; |
||||||
|
} |
||||||
|
.info { |
||||||
|
${styles.rightPanel.settingsTab.box_SolidityVersionInfo} |
||||||
|
margin-bottom: 1em; |
||||||
|
word-break: break-word; |
||||||
|
} |
||||||
|
.title { |
||||||
|
font-size: 1.1em; |
||||||
|
font-weight: bold; |
||||||
|
margin-bottom: 1em; |
||||||
|
} |
||||||
|
.crow { |
||||||
|
display: flex; |
||||||
|
overflow: auto; |
||||||
|
clear: both; |
||||||
|
padding: .2em; |
||||||
|
} |
||||||
|
.checkboxText { |
||||||
|
font-weight: normal; |
||||||
|
} |
||||||
|
.crow label { |
||||||
|
cursor:pointer; |
||||||
|
} |
||||||
|
.crowNoFlex { |
||||||
|
overflow: auto; |
||||||
|
clear: both; |
||||||
|
} |
||||||
|
.attention { |
||||||
|
margin-bottom: 1em; |
||||||
|
padding: .5em; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.select { |
||||||
|
font-weight: bold; |
||||||
|
margin-top: 1em; |
||||||
|
${styles.rightPanel.settingsTab.dropdown_SelectCompiler} |
||||||
|
} |
||||||
|
.heading { |
||||||
|
margin-bottom: 0; |
||||||
|
} |
||||||
|
.explaination { |
||||||
|
margin-top: 3px; |
||||||
|
margin-bottom: 3px; |
||||||
|
} |
||||||
|
input { |
||||||
|
margin-right: 5px; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
input[type=radio] { |
||||||
|
margin-top: 2px; |
||||||
|
} |
||||||
|
.pluginTextArea { |
||||||
|
font-family: unset; |
||||||
|
} |
||||||
|
.pluginLoad { |
||||||
|
vertical-align: top; |
||||||
|
} |
||||||
|
i.warnIt { |
||||||
|
color: ${styles.appProperties.warningText_Color}; |
||||||
|
} |
||||||
|
.icon { |
||||||
|
margin-right: .5em; |
||||||
|
} |
||||||
|
} |
||||||
|
` |
||||||
|
|
||||||
|
module.exports = css |
||||||
@ -0,0 +1,56 @@ |
|||||||
|
var csjs = require('csjs-inject') |
||||||
|
var styleGuide = require('remix-lib').ui.themeChooser |
||||||
|
var styles = styleGuide.chooser() |
||||||
|
|
||||||
|
var css = csjs` |
||||||
|
.supportTabView { |
||||||
|
height: 100vh; |
||||||
|
padding: 2%; |
||||||
|
padding-bottom: 3em; |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
.chat { |
||||||
|
${styles.rightPanel.supportTab.box_IframeContainer} |
||||||
|
display: flex; |
||||||
|
flex-direction: column; |
||||||
|
align-items: center; |
||||||
|
height: 85%; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.chatTitle { |
||||||
|
height: 40px; |
||||||
|
width: 90%; |
||||||
|
display: flex; |
||||||
|
align-items: center; |
||||||
|
justify-content: center; |
||||||
|
margin-top: 15px; |
||||||
|
} |
||||||
|
.chatTitle:hover { |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.icon { |
||||||
|
height: 70%; |
||||||
|
margin-right: 2%; |
||||||
|
} |
||||||
|
.chatTitleText { |
||||||
|
font-size: 17px; |
||||||
|
font-weight: bold; |
||||||
|
} |
||||||
|
.chatTitleText { |
||||||
|
opacity: 0.8; |
||||||
|
} |
||||||
|
.chatIframe { |
||||||
|
width: 100%; |
||||||
|
height: 100%; |
||||||
|
transform: scale(0.9); |
||||||
|
padding: 0; |
||||||
|
border: none; |
||||||
|
} |
||||||
|
.infoBox { |
||||||
|
${styles.rightPanel.supportTab.box_SupportInfo} |
||||||
|
} |
||||||
|
` |
||||||
|
|
||||||
|
module.exports = css |
||||||
@ -0,0 +1,38 @@ |
|||||||
|
var csjs = require('csjs-inject') |
||||||
|
var styleGuide = require('remix-lib').ui.themeChooser |
||||||
|
var styles = styleGuide.chooser() |
||||||
|
|
||||||
|
var css = csjs` |
||||||
|
li.active { |
||||||
|
background-color: ${styles.rightPanel.backgroundColor_Tab}; |
||||||
|
color: ${styles.appProperties.mainText_Color} |
||||||
|
} |
||||||
|
.options { |
||||||
|
float: left; |
||||||
|
padding-top: 0.7em; |
||||||
|
min-width: 60px; |
||||||
|
font-size: 0.9em; |
||||||
|
cursor: pointer; |
||||||
|
font-size: 1em; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.opts { |
||||||
|
display: flex; |
||||||
|
list-style: none; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
.opts_li { |
||||||
|
display: block; |
||||||
|
font-weight: bold; |
||||||
|
color: ${styles.rightPanel.text_Teriary} |
||||||
|
} |
||||||
|
.opts_li.active { |
||||||
|
color: ${styles.rightPanel.text_Primary} |
||||||
|
} |
||||||
|
.opts_li:hover { |
||||||
|
color: ${styles.rightPanel.icon_HoverColor_TogglePanel} |
||||||
|
} |
||||||
|
` |
||||||
|
|
||||||
|
module.exports = css |
||||||
Loading…
Reference in new issue