variablelab/theatre
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Style tweaks

Browse source
This commit is contained in:
Aria Minaei 2021-08-08 12:14:27 +02:00
parent 58fbbb5053
commit 361f4f13a5
1 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
theatre/studio/src/panels/ObjectEditorPanel/propEditors/utils/SingleRowPropEditor.tsx
View file

@ -16,14 +16,27 @@ export const indentationFormula = `calc(var(--left-pad) + var(--depth) * var(--s
export const rowBgColor = transparentize(0.05, '#282b2f') export const rowBgColor = transparentize(0.05, '#282b2f')
export const rowBg = css` export const rowBg = css`
&:after { &:after,
&:before {
position: absolute; position: absolute;
display: block; display: block;
inset: 0px 0 1px calc(-2px + var(--left-pad) + var(--depth) * var(--step));
content: ' '; content: ' ';
z-index: -1; z-index: -1;
box-sizing: content-box;
}
&:after {
inset: 0px 0 1px calc(-2px + var(--left-pad) + var(--depth) * var(--step));
background-color: ${rowBgColor}; background-color: ${rowBgColor};
} }
&:before {
height: 2px;
right: 0;
bottom: -1px;
left: calc(-2px + var(--left-pad) + var(--depth) * var(--step));
background-color: ${transparentize(0.3, rowBgColor)};
}
` `
export const propNameText = css` export const propNameText = css`