Prevent cumulative layout shift when richworkspace is loading

Instead of only increasing page height with growing document length, let's stick to a fixed height (30vh) and use that one already while loading the document. Fixes: #2834 Fixes: #2803 Signed-off-by: Jonas <[email protected]>
nextcloud · Jun 7, 2023 · 05d05f2 · 05d05f2
1 parent 4a7b4af
commit 05d05f2
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/views/RichWorkspace.vue b/src/views/RichWorkspace.vue
@@ -262,8 +262,8 @@ export default {
 		max-height: 50vh;
 	}
 
-	#rich-workspace:not(.focus) {
-		max-height: 30vh;
+	#rich-workspace:not(.focus), #rich-workspace.icon-loading {
+		height: 30vh;
 		position: relative;
 		overflow: hidden;
 	}