Fix download button color

Use material icon instead of css class Signed-off-by: Carl Schwan <carl@carlschwan.eu>
nextcloud · Feb 3, 2022 · 397fe29 · 397fe29
1 parent dc071f5
commit 397fe29
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 7 deletions.
diff --git a/js/viewer-main.js b/js/viewer-main.js
diff --git a/js/viewer-main.js.map b/js/viewer-main.js.map
diff --git a/src/views/Viewer.vue b/src/views/Viewer.vue
@@ -51,9 +51,11 @@
 			</ActionButton>
 			<ActionLink v-if="canDownload"
 				:download="currentFile.basename"
-				icon="icon-download"
 				:close-after-click="true"
 				:href="currentFile.davPath">
+				<template #icon>
+					<Download :size="24" title="" decorative />
+				</template>
 				{{ t('viewer', 'Download') }}
 			</ActionLink>
 			<ActionButton v-if="canDelete"
@@ -137,6 +139,8 @@ import getFileList from '../services/FileList'
 import Mime from '../mixins/Mime'
 import logger from '../services/logger'
 
+import Download from 'vue-material-design-icons/Download'
+
 export default {
 	name: 'Viewer',
 
@@ -145,6 +149,7 @@ export default {
 		ActionLink,
 		Modal,
 		Error,
+		Download,
 	},
 
 	mixins: [isMobile, isFullscreen],
@@ -852,9 +857,13 @@ export default {
 			}
 		}
 		::v-deep .modal-title,
-		::v-deep .modal-header .icons-menu button svg {
-			body.theme--light & {
-				color: var(--color-main-text) !important;
+		::v-deep .modal-header .icons-menu {
+			button, a {
+				svg {
+					body.theme--light & {
+						color: var(--color-main-text) !important;
+					}
+				}
 			}
 		}
 		::v-deep .modal-container {