Fix public footer and bottom spacing in editor

Signed-off-by: Julius Härtl <jus@bitgrid.net>

2 files changed, 26 insertions, 18 deletions

diff --git a/css/style.scss b/css/style.scss
index e0768ccfa..9df279e6a 100644
--- a/css/style.scss
+++ b/css/style.scss
@@ -1,20 +1,3 @@
-// Fix share link footer for now by just not showing it
-#body-public #content {
-    height: 100%;
-}
-#body-public footer {
-    display: none;
-}
-
-#files-public-content {
-    width: 100% !important;
-    height: 100%;
-
-    #editor-container {
-        top: 0;
-    }
-}
-
 .modal-container #editor-container {
   position: absolute;
 }
diff --git a/src/components/EditorWrapper.vue b/src/components/EditorWrapper.vue
index 3f2d28c25..4b1cc92d5 100644
--- a/src/components/EditorWrapper.vue
+++ b/src/components/EditorWrapper.vue
@@ -360,7 +360,6 @@ export default {
 </script>
 
 <style scoped lang="scss">
-
 	#editor-container {
 		display: block;
 		width: 100vw;
@@ -426,6 +425,32 @@ export default {
 	.editor__content {
 		max-width: 630px;
 		margin: auto;
+		padding-bottom: 100px;
+	}
+
+	#body-public {
+		height: auto;
+	}
+
+	#files-public-content {
+		height: auto;
+		#editor-wrapper {
+			position: relative;
+		}
+		#editor-container {
+			top: 0;
+
+			#editor::v-deep .menubar {
+				// sticky position is not working as body is our scroll container
+				position: fixed;
+				top: 50px;
+				width: 100%;
+			}
+
+			#editor {
+				padding-top: 50px;
+			}
+		}
 	}
 
 </style>