fix: make dark header configurable

Required to fix regression with Text in Viewer in Nextcloud 30, where we still want a white viewer header. Signed-off-by: Jonas <[email protected]>
nextcloud · Sep 15, 2024 · c732f45 · c732f45
1 parent c520008
commit c732f45
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/src/services/Viewer.js b/src/services/Viewer.js
@@ -34,6 +34,7 @@ import logger from './logger.js'
  * @property {object} component Vue component to render the file
  * @property {string} group group identifier to combine for navigating to the next/previous files
  * @property {?string} theme viewer modal theme (one of 'dark', 'light', 'default')
+ * @property {boolean} darkHeader viewer dark header
  * @property {boolean} canCompare Indicate support for comparing two files
  */
 

diff --git a/src/views/Viewer.vue b/src/views/Viewer.vue
@@ -52,6 +52,7 @@
 		:clear-view-delay="-1 /* disable fade-out because of accessibility reasons */"
 		:close-button-contained="false"
 		:dark="true"
+		:dark-header="darkHeader"
 		:data-handler="handlerId"
 		:enable-slideshow="hasPrevious || hasNext"
 		:slideshow-paused="editing"
@@ -285,6 +286,7 @@ export default {
 			canSwipe: true,
 			isStandalone: false,
 			theme: null,
+			darkHeader: null,
 			root: davRemoteURL,
 			handlerId: '',
 
@@ -698,6 +700,7 @@ export default {
 			}
 
 			this.theme = handler.theme ?? 'dark'
+			this.darkHeader = handler.darkHeader ?? true
 			this.handlerId = handler.id
 
 			// check if part of a group, if so retrieve full files list