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 · ac816c8 · ac816c8
1 parent 4a7b4af
commit ac816c8
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;
 	}