Another one of those fixes

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

View file

@ -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 (
<Container width={width}>
<Container style={{width: width + 'px'}}>
<FrameGrid width={width} height={height} layoutP={layoutP} />
</Container>
)

View file

@ -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 (
<Container width={width}>
<Container style={{width: width + 'px'}}>
<Playhead layoutP={layoutP} />
<HorizontalScrollbar layoutP={layoutP} />
<FrameStamp layoutP={layoutP} />