From ce35414240c4cb31ef0c79b32647974dca29dfa6 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Mon, 11 Jan 2021 22:50:19 +0200
Subject: [PATCH] dropdown placement
---
editors/editoria/src/layout/EditoriaLayout.js | 4 +++-
.../TrackChangeOptionsComponent.js | 19 ++++++++++++++++++-
.../trackChanges/TrackChangeOptionsTool.js | 1 +
3 files changed, 22 insertions(+), 2 deletions(-)
diff --git a/editors/editoria/src/layout/EditoriaLayout.js b/editors/editoria/src/layout/EditoriaLayout.js
index 6ef72a2a7..6862fa731 100644
--- a/editors/editoria/src/layout/EditoriaLayout.js
+++ b/editors/editoria/src/layout/EditoriaLayout.js
@@ -127,6 +127,8 @@ const CommentTrackToolsContainer = styled.div`
position: fixed;
display: flex;
margin-left: 5px;
+ flex-dirextion: row;
+ // justify-content: center;
z-index: 1;
height: 30px;
width: 27%;
@@ -134,7 +136,7 @@ const CommentTrackToolsContainer = styled.div`
`;
const CommentTrackTools = styled.div`
- margin-left: 10px;
+ margin-left: auto;
display: flex;
position: relative;
`;
diff --git a/wax-prosemirror-components/src/components/trackChanges/TrackChangeOptionsComponent.js b/wax-prosemirror-components/src/components/trackChanges/TrackChangeOptionsComponent.js
index 1e9af76ad..f3b899403 100644
--- a/wax-prosemirror-components/src/components/trackChanges/TrackChangeOptionsComponent.js
+++ b/wax-prosemirror-components/src/components/trackChanges/TrackChangeOptionsComponent.js
@@ -1,8 +1,25 @@
import React from 'react';
+import styled from 'styled-components';
+import { grid } from '@pubsweet/ui-toolkit';
+
+const Wrapper = styled.div`
+ background: #fff;
+ border-radius: 1.03093% / 8%;
+ box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px 0px,
+ rgba(9, 30, 66, 0.31) 0px 0px 1px 0px;
+ padding: ${grid(2)};
+ transform-origin: 50% 50% 0px;
+ width: 200px;
+ height: 200px;
+`;
const TrackChangeOptionsComponent = ({ view = {}, groups }) => {
console.log(groups);
- return <span>Options</span>;
+ return (
+ <Wrapper>
+ <span>Options</span>
+ </Wrapper>
+ );
};
export default TrackChangeOptionsComponent;
diff --git a/wax-prosemirror-components/src/components/trackChanges/TrackChangeOptionsTool.js b/wax-prosemirror-components/src/components/trackChanges/TrackChangeOptionsTool.js
index f6761e94c..37e7c32a4 100644
--- a/wax-prosemirror-components/src/components/trackChanges/TrackChangeOptionsTool.js
+++ b/wax-prosemirror-components/src/components/trackChanges/TrackChangeOptionsTool.js
@@ -17,6 +17,7 @@ const DropWrapper = styled.div`
background: white;
margin-top: ${grid(1)};
position: absolute;
+ right: -3px;
top: 32px;
`;
--
GitLab