@ -9,33 +9,37 @@ var css = csjs`
display : flex ;
justify - content : space - between ;
font - size : 11 px ;
/* height: 30px; */
width : 100 % ;
overflow : hidden ;
word - break : break - word ;
line - height : initial ;
overflow : visible ;
margin - bottom : 0 px ;
padding - left : 0 px ;
padding - right : 10 px ;
padding : 0 0 8 px ;
margin : 0 ;
background : none ;
border : none ;
}
. noInstancesText {
. title button {
background : none ;
border : none ;
}
. titleLine {
display : flex ;
align - items : baseline ;
}
. titleText {
/* margin-right: 1em; */
word - break : break - word ;
min - width : 170 px ;
width : 100 % ;
border : none ;
}
. spanTitleText {
/* font-size: .8rem; */
line - height : 12 px ;
padding : 0 ;
font - size : 11 px ;
width : 100 % ;
border : none ;
background : none ;
text - transform : uppercase ;
}
. inputGroupText {
width : 100 % ;
@ -44,7 +48,6 @@ var css = csjs`
color : var ( -- primary ) ;
}
. titleExpander {
/* margin-right: 10px; */
padding : 5 px 7 px ;
}
. nameNbuts {
@ -54,10 +57,13 @@ var css = csjs`
}
. instance {
display : block ;
/* display: flex; */
flex - direction : column ;
/* padding: 5px 0 0 10px; */
margin - bottom : 10 px ;
margin - bottom : 12 px ;
background : none ;
border - radius : 2 px ;
}
. instance . hidesub {
border - bottom : 1 px solid ;
}
. instance . hidesub . title {
display : flex ;
@ -69,19 +75,21 @@ var css = csjs`
display : none ;
}
. methCaret {
margin - right : 5 px ;
min - width : 12 px ;
width : 12 px ;
margin - left : 4 px ;
cursor : pointer ;
font - size : 16 px ;
padding - top : 5 px ;
vertical - align : top ;
line - height : 0.6 ;
vertical - align : middle ;
padding : 0 ;
}
. cActionsWrapper {
padding : 0 px 0 10 px 10 px ;
border : 1 px solid rgba ( 0 , 0 , 0 , 0.125 ) ;
border - top - left - radius : 0 ;
border - bottom - left - radius : 0.25 rem ;
border - top - rightt - radius : 0 ;
border - bottom - right - radius : 0.25 rem ;
padding : 8 px 10 px 7 px ;
}
. group : after {
content : "" ;
@ -93,12 +101,11 @@ var css = csjs`
display : flex ;
overflow : hidden ;
}
. contractActions {
}
. instanceButton {
height : 32 px ;
border - radius : 3 px ;
flex : 3 ;
white - space : nowrap ;
font - size : 11 px ;
overflow : hidden ;
text - overflow : ellipsis ;
}
@ -107,14 +114,11 @@ var css = csjs`
cursor : pointer ;
margin - left : 5 px ;
}
. udapp { }
. udappClose {
display : flex ;
justify - content : flex - end ;
}
. contractProperty {
margin - bottom : 0.4 em ;
margin - top : 1 em ;
width : 100 % ;
}
. contractProperty . hasArgs input {
@ -126,10 +130,8 @@ var css = csjs`
border - bottom - left - radius : 0 ;
}
. contractProperty button {
/* background-color: var(--warning); */
min - width : 100 px ;
width : 100 px ;
/* font-size: 10px; */
margin : 0 ;
word - break : inherit ;
}
@ -139,7 +141,6 @@ var css = csjs`
border - color : lightgray ;
}
. contractProperty . constant button {
/* background-color:var(--info); */
min - width : 100 px ;
width : 100 px ;
margin : 0 ;
@ -149,57 +150,53 @@ var css = csjs`
overflow : hidden ;
text - overflow : ellipsis ;
}
. contractProperty input {
/* width: 75% */
}
. contractProperty > . value {
box - sizing : border - box ;
float : left ;
align - self : center ;
margin - left : 4 px ;
}
. value ul {
margin - bottom : 10 px ;
padding - top : 5 px ;
border - bottom : 4 px solid var ( -- light ) ;
}
. contractActionsContainer {
width : 98 % ;
width : 100 % ;
margin - bottom : 8 px ;
}
. contractActionsContainerSingle {
display : flex ;
width : 100 % ;
margin - bottom : 8 px ;
}
. contractActionsContainerSingle i {
line - height : 2 ;
}
. contractActionsContainerMulti {
display : none ;
width : 100 % ;
}
. contractActionsContainerMultiInner {
margin - bottom : 10 px ;
padding : 0 px 5 px 5 px 5 px ;
background - color : var ( -- light ) ;
width : 99 % ;
width : 100 % ;
padding : 16 px 8 px 16 px 14 px ;
border - radius : 3 px ;
margin - bottom : 8 px ;
}
. multiHeader {
display : flex ;
justify - content : space - between ;
align - items : center ;
margin - bottom : 8 px ;
text - align : left ;
font - size : 10 px ;
margin - bottom : 5 px ;
font - weight : bold ;
}
. contractActionsContainerMultiInner . multiTitle {
padding - left : 10 px ;
}
. contractProperty . multiTitle {
padding : 0 ;
line - height : 16 px ;
display : inline - block ;
width : 90 % ;
font - size : 12 px ;
height : 25 px ;
padding - left : 20 px ;
font - weight : bold ;
line - height : 25 px ;
cursor : default ;
padding - top : 5 px ;
}
. contractProperty . contractActionsContainerMultiInner . multiArg label {
text - align : right ;
@ -219,26 +216,26 @@ var css = csjs`
cursor : default ;
}
. multiArg {
margin - bottom : 8 px ;
/* display: flex; */
clear : both ;
display : flex ;
align - items : center ;
justify - content : flex - end ;
margin - top : 4 px ;
}
. multiArg input {
padding : 5 px ;
}
. multiArg label {
float : left ;
margin - right : 6 px ;
font - size : 10 px ;
width : 30 % ;
padding - top : 5 px ;
word - break : break - all ;
width : auto ;
padding : 0 ;
margin : 0 4 px 0 0 ;
font - size : 10 px ;
line - height : 12 px ;
text - align : right ;
word - break : initial ;
}
. multiArg button {
max - width : 100 px ;
border - radius : 3 px ;
float : right ;
margin - right : 2 % ;
border - width : 1 px ;
width : inherit ;
}
@ -252,12 +249,12 @@ var css = csjs`
}
. hasArgs input {
display : block ;
height : 32 px ;
border : 1 px solid # dddddd ;
padding : . 36 em ;
border - left : none ;
padding : 8 px 8 px 8 px 10 px ;
font - size : 10 px ;
/* height: 25px; */
font - size : 10 px ! important ;
}
. hasArgs button {
border - top - right - radius : 0 ;
@ -266,14 +263,13 @@ var css = csjs`
white - space : nowrap ;
overflow : hidden ;
text - overflow : ellipsis ;
font - size : 11 px ;
}
. hasArgs . contractActionsContainerMulti button {
border - radius : 3 px ;
}
. contractActionsContainerMultiInner . multiArg i {
padding - right : 15 px ;
padding - top : 5 px ;
float : right ;
padding - right : 10 px ;
} ,
. hideWarningsContainer {
display : flex ;