From 6096f84c421ab4b7abb3741bb6bb03b1bc3b8139 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Fri, 1 Jan 2021 05:28:58 +0200
Subject: [PATCH] style-fix
---
editors/editoria/src/layout/EditoriaLayout.js | 7 ++--
.../src/layout/EditoriaMobileLayout.js | 33 ++++++++-----------
2 files changed, 18 insertions(+), 22 deletions(-)
diff --git a/editors/editoria/src/layout/EditoriaLayout.js b/editors/editoria/src/layout/EditoriaLayout.js
index 05cb128f3..674bee914 100644
--- a/editors/editoria/src/layout/EditoriaLayout.js
+++ b/editors/editoria/src/layout/EditoriaLayout.js
@@ -163,12 +163,12 @@ const NotesContainer = styled.div`
const WaxBottomRightInfo = styled.div``;
const InfoContainer = styled.div`
display: flex;
- position: fixed !important;
+ position: fixed;
bottom: 1px;
right: 21px;
- z-index: 1;
+ z-index: 999;
`;
-const InfoArea = styled.div``;
+
let surfaceHeight = 600;
let notesHeight = 200;
@@ -193,6 +193,7 @@ const RightArea = ComponentPlugin('rightArea');
const CommentTrackToolBar = ComponentPlugin('commentTrackToolBar');
const WaxOverlays = ComponentPlugin('waxOverlays');
const BottomRightInfo = ComponentPlugin('BottomRightInfo');
+
const EditoriaLayout = ({ editor }) => {
const {
view: { main },
diff --git a/editors/editoria/src/layout/EditoriaMobileLayout.js b/editors/editoria/src/layout/EditoriaMobileLayout.js
index 6ca468721..c2df40828 100644
--- a/editors/editoria/src/layout/EditoriaMobileLayout.js
+++ b/editors/editoria/src/layout/EditoriaMobileLayout.js
@@ -147,19 +147,15 @@ const NotesContainer = styled.div`
padding-right: ${grid(1)};
}
`;
-const WaxBottomRightInfo= styled.div`
-
-`;
-const InfoContainer= styled.div`
-display:flex;
-position:fixed !important;
-bottom:1px;
-right:21px;
-z-index:1;
-`;
-const InfoArea=styled.div`
-
+const WaxBottomRightInfo = styled.div``;
+const InfoContainer = styled.div`
+ display: flex;
+ position: fixed !important;
+ bottom: 1px;
+ right: 21px;
+ z-index: 1;
`;
+const InfoArea = styled.div``;
let surfaceHeight = 500;
let notesHeight = 150;
@@ -181,6 +177,7 @@ const TopBar = ComponentPlugin('topBar');
const NotesArea = ComponentPlugin('notesArea');
const RightArea = ComponentPlugin('rightArea');
const WaxOverlays = ComponentPlugin('waxOverlays');
+const BottomRightInfo = ComponentPlugin('BottomRightInfo');
const EditoriaLayout = ({ editor }) => {
const {
@@ -206,13 +203,6 @@ const EditoriaLayout = ({ editor }) => {
return (
<ThemeProvider theme={cokoTheme}>
<Wrapper>
-
- <WaxBottomRightInfo>
- <InfoContainer id="info-container">
- <BottomRightInfo/>
- </InfoContainer>
- </WaxBottomRightInfo>
-
<TopMenu>
<TopBar />
</TopMenu>
@@ -249,6 +239,11 @@ const EditoriaLayout = ({ editor }) => {
</Main>
<WaxOverlays />
+ <WaxBottomRightInfo>
+ <InfoContainer id="info-container">
+ <BottomRightInfo />
+ </InfoContainer>
+ </WaxBottomRightInfo>
</Wrapper>
</ThemeProvider>
);
--
GitLab