diff --git a/editors/editoria/src/layout/EditoriaLayout.js b/editors/editoria/src/layout/EditoriaLayout.js index d0c9312a1f2721095697ffcb2a23818c1571eceb..1e7264062f08797d7a9e99bcd132a5e3b817c9d7 100644 --- a/editors/editoria/src/layout/EditoriaLayout.js +++ b/editors/editoria/src/layout/EditoriaLayout.js @@ -125,7 +125,7 @@ const CommentsContainerNotes = styled.div` const CommentTrackToolsContainer = styled.div` display: flex; position: fixed; - top: 52px; + margin-top: 5px; right: 30px; z-index: 2; background: transparent; @@ -288,14 +288,6 @@ const EditoriaLayout = ({ editor }) => { return ( <ThemeProvider theme={cokoTheme}> <Wrapper style={fullScreenStyles}> - <CommentTrackToolsContainer> - <CommentTrackTools> - {commentsTracks + trackBlockNodes} COMMENTS AND SUGGESTIONS - <CommentTrackOptions> - <CommentTrackToolBar /> - </CommentTrackOptions> - </CommentTrackTools> - </CommentTrackToolsContainer> <TopMenu> <MainMenuToolBar /> </TopMenu> @@ -318,6 +310,15 @@ const EditoriaLayout = ({ editor }) => { <EditorContainer>{editor}</EditorContainer> <CommentsContainer> <WhiteArea /> + <CommentTrackToolsContainer> + <CommentTrackTools> + {commentsTracks + trackBlockNodes} COMMENTS AND + SUGGESTIONS + <CommentTrackOptions> + <CommentTrackToolBar /> + </CommentTrackOptions> + </CommentTrackTools> + </CommentTrackToolsContainer> <RightArea area="main" /> </CommentsContainer> </WaxSurfaceScroll>