diff --git a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/DopeSheetBackground.tsx b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/DopeSheetBackground.tsx index c946ca9..3edf394 100644 --- a/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/DopeSheetBackground.tsx +++ b/theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/DopeSheetBackground.tsx @@ -8,11 +8,10 @@ import React from 'react' import styled from 'styled-components' import FrameGrid from '@theatre/studio/panels/SequenceEditorPanel/FrameGrid/FrameGrid' -const Container = styled.div<{width: number}>` +const Container = styled.div` position: absolute; top: 0; right: 0; - width: ${(props) => props.width}; bottom: 0; z-index: ${() => zIndexes.rightBackground}; overflow: hidden; @@ -27,7 +26,7 @@ const DopeSheetBackground: React.FC<{ const height = useVal(layoutP.panelDims.height) return ( - + ) diff --git a/theatre/studio/src/panels/SequenceEditorPanel/RightOverlay/RightOverlay.tsx b/theatre/studio/src/panels/SequenceEditorPanel/RightOverlay/RightOverlay.tsx index eafc0cb..5200a3e 100644 --- a/theatre/studio/src/panels/SequenceEditorPanel/RightOverlay/RightOverlay.tsx +++ b/theatre/studio/src/panels/SequenceEditorPanel/RightOverlay/RightOverlay.tsx @@ -11,11 +11,10 @@ import HorizontalScrollbar from './HorizontalScrollbar' import Playhead from './Playhead' import TopStrip from './TopStrip' -const Container = styled.div<{width: number}>` +const Container = styled.div` position: absolute; top: 0; right: 0; - width: ${(props) => props.width}px; bottom: 0; z-index: ${() => zIndexes.rightOverlay}; overflow: visible; @@ -29,7 +28,7 @@ const RightOverlay: React.FC<{ const width = val(layoutP.rightDims.width) return ( - +