ui: tweaks

This commit is contained in:
cha0s 2020-06-25 11:40:52 -05:00
parent c2949e6d17
commit 4ac61747a1
3 changed files with 18 additions and 2 deletions

View File

@ -1,6 +1,16 @@
:scope {
display: flex;
flex-wrap: wrap;
position: relative;
}
.label {
color: #999;
font-size: 0.8em;
left: -2.5em;
position: absolute;
writing-mode: vertical-lr;
top: -1em;
}
.key {
@ -64,5 +74,8 @@
.op {
align-self: flex-start;
margin: 0.125em;
margin-right: 0.125em;
&:last-of-type {
margin-right: 0;
}
}

View File

@ -33,6 +33,9 @@ const Expression = (props) => {
const opsDescription = descriptionFromOps(context, ops);
return (
<div className="expression">
{isStatement && (
<div className="label">{assign ? 'assign' : 'invoke'}</div>
)}
{ops.map((op, i) => (
// eslint-disable-next-line react/no-array-index-key
<span className="op" key={i}>

View File

@ -5,5 +5,5 @@
}
select {
margin-right: 0.25em;
margin-right: 0.125em;
}