From eceef7ad46cac412f3ed624b10a35ee19c8b99b5 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Sat, 19 Sep 2020 12:37:52 +0300
Subject: [PATCH] menu fix
---
.../src/layouts/EditoriaLayout.js | 15 ++++++++++++---
.../src/MenuService/MenuWrapper.js | 9 +++++----
2 files changed, 17 insertions(+), 7 deletions(-)
diff --git a/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js b/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js
index e2140eb3d..17a82d1e0 100644
--- a/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js
+++ b/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js
@@ -107,15 +107,21 @@ const WaxSurfaceScroll = styled.div`
const MainMenuContainer = styled.div`
background: #fff;
min-height: 52px;
- line-height: 32px;
+ /* line-height: 32px; */
position: relative;
user-select: none;
border-bottom: 2px solid #ecedf1;
+ @media (max-width: 600px) {
+ font-size: 10px;
+ min-height: 72px;
+ }
`;
const MainMenuInner = styled.div`
display: flex;
- align-items: center;
- justify-content: center;
+ flex-wrap: wrap;
+
+ /* align-items: center; */
+ /* justify-content: center; */
flex-direction: column;
left: 0;
position: absolute;
@@ -135,6 +141,9 @@ const SideMenuContainer = styled.div`
display: flex;
width: 14%;
height: 98%;
+ @media (max-width: 600px) {
+ display: none;
+ }
`;
const SideMenuInner = styled.div`
diff --git a/wax-prosemirror-services/src/MenuService/MenuWrapper.js b/wax-prosemirror-services/src/MenuService/MenuWrapper.js
index 471d9d621..e546894e6 100644
--- a/wax-prosemirror-services/src/MenuService/MenuWrapper.js
+++ b/wax-prosemirror-services/src/MenuService/MenuWrapper.js
@@ -1,13 +1,14 @@
-import React from "react";
-import styled from "styled-components";
+import React from 'react';
+import styled from 'styled-components';
-import { map } from "lodash";
+import { map } from 'lodash';
const MainMenu = styled.div`
+ display: flex;
+ flex-wrap: wrap;
background: #fff;
padding: 2px 2px 2px 0;
position: relative;
- background: transparent;
`;
const MainMenuBar = ({ items = [], view }) => {
--
GitLab