Commit d4b1baf8 authored by chris's avatar chris

info area in progress

parent 2edc6ab2
export { default as MainMenuBar } from "./src/mainMenuBar/MainMenuBar";
export { default as SideMenuBar } from "./src/sideMenuBar/SideMenuBar";
export { default as InfoArea } from "./src/components/infoArea/InfoArea";
import React from "react";
import styled from "styled-components";
const InfoAreaContainer = styled.div`
height: ${props => (props.height ? props.height : "30px")};
position: fixed;
bottom: 0;
z-index: 9999;
background: #efefef;
width: 100%;
`;
const InfoArea = () => <InfoAreaContainer />;
export default InfoArea;
import styled, { ThemeProvider } from "styled-components";
import React, { Fragment } from "react";
import { MainMenuBar, SideMenuBar } from "wax-prosemirror-components";
import { MainMenuBar, SideMenuBar, InfoArea } from "wax-prosemirror-components";
import EditorElements from "./EditorElements";
import { cokoTheme } from "wax-prosemirror-themes";
......@@ -35,7 +35,6 @@ const WaxSurfaceScroll = styled.div`
const CommentsContainer = styled.div``;
const NotesContainer = styled.div``;
const InfoAreaContainer = styled.div``;
const EditoriaLayout = ({ editor, view, ...props }) => (
<ThemeProvider theme={cokoTheme}>
......@@ -47,6 +46,7 @@ const EditoriaLayout = ({ editor, view, ...props }) => (
{editor}
</WaxSurfaceScroll>
</WaxSurfaceContainer>
<InfoArea />
</LayoutWrapper>
</ThemeProvider>
);
......
......@@ -2,7 +2,7 @@
import "typeface-fira-sans-condensed";
import "typeface-vollkorn";
import { ButtonStyled } from "./elements";
import { ButtonStyles } from "./elements";
const cokoTheme = {
/* Colors */
......@@ -69,7 +69,7 @@ const cokoTheme = {
cssOverrides: {
ui: {
ButtonStyled
ButtonStyles
}
}
};
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment