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

Another one of those fixes

Browse source
This commit is contained in:
Aria Minaei 2021-08-05 14:12:41 +02:00
parent f11da93840
commit 74d718f652
2 changed files with 4 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
theatre/studio/src/panels/SequenceEditorPanel/DopeSheet/Right/DopeSheetBackground.tsx
View file

@ -8,11 +8,10 @@ import React from 'react'
import styled from 'styled-components' import styled from 'styled-components'
import FrameGrid from '@theatre/studio/panels/SequenceEditorPanel/FrameGrid/FrameGrid' import FrameGrid from '@theatre/studio/panels/SequenceEditorPanel/FrameGrid/FrameGrid'
const Container = styled.div<{width: number}>` const Container = styled.div`
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
width: ${(props) => props.width};
bottom: 0; bottom: 0;
z-index: ${() => zIndexes.rightBackground}; z-index: ${() => zIndexes.rightBackground};
overflow: hidden; overflow: hidden;
@ -27,7 +26,7 @@ const DopeSheetBackground: React.FC<{
const height = useVal(layoutP.panelDims.height) const height = useVal(layoutP.panelDims.height)
return ( return (
<Container width={width}> <Container style={{width: width + 'px'}}>
<FrameGrid width={width} height={height} layoutP={layoutP} /> <FrameGrid width={width} height={height} layoutP={layoutP} />
</Container> </Container>
) )

5
theatre/studio/src/panels/SequenceEditorPanel/RightOverlay/RightOverlay.tsx
View file

@ -11,11 +11,10 @@ import HorizontalScrollbar from './HorizontalScrollbar'
import Playhead from './Playhead' import Playhead from './Playhead'
import TopStrip from './TopStrip' import TopStrip from './TopStrip'
const Container = styled.div<{width: number}>` const Container = styled.div`
position: absolute; position: absolute;
top: 0; top: 0;
right: 0; right: 0;
width: ${(props) => props.width}px;
bottom: 0; bottom: 0;
z-index: ${() => zIndexes.rightOverlay}; z-index: ${() => zIndexes.rightOverlay};
overflow: visible; overflow: visible;
@ -29,7 +28,7 @@ const RightOverlay: React.FC<{
const width = val(layoutP.rightDims.width) const width = val(layoutP.rightDims.width)
return ( return (
<Container width={width}> <Container style={{width: width + 'px'}}>
<Playhead layoutP={layoutP} /> <Playhead layoutP={layoutP} />
<HorizontalScrollbar layoutP={layoutP} /> <HorizontalScrollbar layoutP={layoutP} />
<FrameStamp layoutP={layoutP} /> <FrameStamp layoutP={layoutP} />