Prevent cumulative layout shift when richworkspace is loading

Instead of only increasing editor height with growing document length, let's stick to a fixed height (25vh) and use that one already while loading the document. The editor still increases when it gets focused. Fixes: #2834 Fixes: #2803 Signed-off-by: Jonas <[email protected]>
nextcloud · Jun 14, 2023 · 254a76d · 254a76d
1 parent c967d01
commit 254a76d
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/views/RichWorkspace.vue b/src/views/RichWorkspace.vue
@@ -259,11 +259,13 @@ export default {
 	}
 
 	#rich-workspace.focus {
+		min-height: 25vh;
 		max-height: 50vh;
 	}
 
-	#rich-workspace:not(.focus) {
-		max-height: 30vh;
+	#rich-workspace:not(.focus), #rich-workspace.icon-loading {
+		min-height: 25vh;
+		max-height: 25vh;
 		position: relative;
 		overflow: hidden;
 	}