parent
e5b1df0744
commit
f2a9a6e198
@ -0,0 +1,133 @@ |
||||
var csjs = require('csjs-inject') |
||||
var remixLib = require('remix-lib') |
||||
var styleGuide = remixLib.ui.themeChooser |
||||
var styles = styleGuide.chooser() |
||||
|
||||
var css = csjs` |
||||
.instanceTitleContainer { |
||||
display: flex; |
||||
align-items: center; |
||||
} |
||||
.title { |
||||
${styles.rightPanel.runTab.titlebox_RunTab} |
||||
display: flex; |
||||
justify-content: end; |
||||
align-items: center; |
||||
font-size: 11px; |
||||
height: 30px; |
||||
width: 97%; |
||||
overflow: hidden; |
||||
word-break: break-word; |
||||
line-height: initial; |
||||
overflow: visible; |
||||
} |
||||
.titleLine { |
||||
display: flex; |
||||
align-items: baseline; |
||||
} |
||||
.titleText { |
||||
margin-right: 1em; |
||||
word-break: break-word; |
||||
min-width: 230px; |
||||
} |
||||
|
||||
.title .copy { |
||||
color: ${styles.rightPanel.runTab.icon_AltColor_Instance_CopyToClipboard}; |
||||
} |
||||
.instance { |
||||
${styles.rightPanel.runTab.box_Instance}; |
||||
margin-bottom: 10px; |
||||
padding: 10px 15px 15px 15px; |
||||
} |
||||
.instance .title:before { |
||||
content: "\\25BE"; |
||||
margin-right: 5%; |
||||
} |
||||
.instance.hidesub .title:before { |
||||
content: "\\25B8"; |
||||
margin-right: 5%; |
||||
} |
||||
.instance.hidesub > * { |
||||
display: none; |
||||
} |
||||
.instance.hidesub .title { |
||||
display: flex; |
||||
} |
||||
.instance.hidesub .udappClose { |
||||
display: flex; |
||||
} |
||||
.buttonsContainer { |
||||
margin-top: 2%; |
||||
display: flex; |
||||
overflow: hidden; |
||||
} |
||||
.contractActions { |
||||
display: flex; |
||||
} |
||||
.instanceButton {} |
||||
.closeIcon { |
||||
font-size: 12px; |
||||
cursor: pointer; |
||||
} |
||||
.udappClose { |
||||
display: flex; |
||||
justify-content: flex-end; |
||||
} |
||||
.contractProperty { |
||||
overflow: auto; |
||||
margin-bottom: 0.4em; |
||||
} |
||||
.contractProperty.hasArgs input { |
||||
width: 75%; |
||||
padding: .36em; |
||||
} |
||||
.contractProperty button { |
||||
${styles.rightPanel.runTab.button_Create} |
||||
min-width: 100px; |
||||
width: 100px; |
||||
font-size: 10px; |
||||
margin:0; |
||||
word-break: inherit; |
||||
} |
||||
.contractProperty button:disabled { |
||||
cursor: not-allowed; |
||||
background-color: white; |
||||
border-color: lightgray; |
||||
} |
||||
.contractProperty.constant button { |
||||
${styles.rightPanel.runTab.button_Constant} |
||||
min-width: 100px; |
||||
width: 100px; |
||||
font-size: 10px; |
||||
margin:0; |
||||
word-break: inherit; |
||||
outline: none; |
||||
width: inherit; |
||||
} |
||||
.contractProperty input { |
||||
display: none; |
||||
} |
||||
.contractProperty > .value { |
||||
box-sizing: border-box; |
||||
float: left; |
||||
align-self: center; |
||||
color: ${styles.appProperties.mainText_Color}; |
||||
margin-left: 4px; |
||||
} |
||||
.hasArgs input { |
||||
display: block; |
||||
border: 1px solid #dddddd; |
||||
padding: .36em; |
||||
border-left: none; |
||||
padding: 8px 8px 8px 10px; |
||||
font-size: 10px; |
||||
height: 25px; |
||||
} |
||||
.hasArgs button { |
||||
border-top-right-radius: 0; |
||||
border-bottom-right-radius: 0; |
||||
border-right: 0; |
||||
} |
||||
` |
||||
|
||||
module.exports = css |
Loading…
Reference in new issue