From cf73b5656d9ddd90cd187f095469d0423fcf49ce Mon Sep 17 00:00:00 2001
From: Pascal Wengerter <pascal@wengerter.info>
Date: Tue, 15 Jun 2021 15:22:40 +0100
Subject: [PATCH] Vertically center mediaviewer loadingspinner

---
 .../unreleased/bugfix-center-mediaviewer-loadingspinner   | 8 ++++++++
 packages/web-app-media-viewer/src/App.vue                 | 3 +++
 2 files changed, 11 insertions(+)
 create mode 100644 changelog/unreleased/bugfix-center-mediaviewer-loadingspinner

diff --git a/changelog/unreleased/bugfix-center-mediaviewer-loadingspinner b/changelog/unreleased/bugfix-center-mediaviewer-loadingspinner
new file mode 100644
index 00000000000..0901b297349
--- /dev/null
+++ b/changelog/unreleased/bugfix-center-mediaviewer-loadingspinner
@@ -0,0 +1,8 @@
+Bugfix: Center MediaViewer loading spinner
+
+The loading spinner in the media viewer app wasn't centered vertically since the 
+wrapping element was to small. It has now been given a min-height of the current 
+screen size.
+
+https://github.com/owncloud/web/pull/5270
+https://github.com/owncloud/web/issues/5196
diff --git a/packages/web-app-media-viewer/src/App.vue b/packages/web-app-media-viewer/src/App.vue
index 5467bcf6669..5ec3656edcc 100644
--- a/packages/web-app-media-viewer/src/App.vue
+++ b/packages/web-app-media-viewer/src/App.vue
@@ -339,6 +339,9 @@ export default {
 </script>
 
 <style scoped>
+#mediaviewer {
+  min-height: 100vh;
+}
 .media-viewer-player {
   width: 100%;
   max-width: 90vw;