From b84a376e23e02455d2e920e173a24d82f41649c5 Mon Sep 17 00:00:00 2001
From: chris <kokosias@yahoo.gr>
Date: Sat, 19 Sep 2020 14:49:47 +0300
Subject: [PATCH] rest of small screens
---
wax-prosemirror-layouts/src/layouts/EditorElements.js | 1 +
wax-prosemirror-layouts/src/layouts/EditoriaLayout.js | 9 +++++++++
2 files changed, 10 insertions(+)
diff --git a/wax-prosemirror-layouts/src/layouts/EditorElements.js b/wax-prosemirror-layouts/src/layouts/EditorElements.js
index 81693009c..21a55e398 100644
--- a/wax-prosemirror-layouts/src/layouts/EditorElements.js
+++ b/wax-prosemirror-layouts/src/layouts/EditorElements.js
@@ -73,6 +73,7 @@ export default css`
img {
cursor: default;
+ width: 100%;
}
sup,
diff --git a/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js b/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js
index 17a82d1e0..def51c29a 100644
--- a/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js
+++ b/wax-prosemirror-layouts/src/layouts/EditoriaLayout.js
@@ -88,6 +88,9 @@ const EditorContainer = styled.div`
min-height: 90%;
padding: 40px;
}
+ @media (max-width: 600px) {
+ width: 100%;
+ }
`;
const WaxSurfaceScroll = styled.div`
@@ -185,6 +188,9 @@ const NotesContainer = styled.div`
height: 100%;
width: 65%;
position: relative;
+ @media (max-width: 600px) {
+ width: 100%;
+ }
`;
const CommentsContainer = styled.div`
@@ -192,6 +198,9 @@ const CommentsContainer = styled.div`
flex-direction: column;
width: 35%;
height: 100%;
+ @media (max-width: 600px) {
+ width: auto;
+ }
`;
let surfaceHeight = 500;
--
GitLab