diff --git a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/AnyCompositeRow.tsx b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/AnyCompositeRow.tsx index 048b51ac1..4902c742f 100644 --- a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/AnyCompositeRow.tsx +++ b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Left/AnyCompositeRow.tsx @@ -47,11 +47,23 @@ const LeftRowHead_Label = styled.span` line-height: 26px; flex-wrap: nowrap; + font-weight: bold; + ${LeftRowHeader}:hover & { color: #ccc; } ` +const LeftRowHead_RightAlign = styled.div` + flex-wrap: nowrap; + display: flex; + align-items: center; + justify-content: end; + flex-grow: 1; + padding-right: 1.9rem; + /* border-top: 1px solid #444; */ +` + const LeftRowHead_Icon = styled.span<{isCollapsed: boolean}>` width: 12px; padding: 8px; @@ -121,8 +133,10 @@ const AnyCompositeRow: React.FC<{ - {controls && <>{controls} } - {label} + + {label} + {controls && <>{controls} } + {hasChildren && {children}}