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