Replace default "Download" icon with "Save" icon

The "Download / Save" button uses a "Download" icon by default. For clarity, and to differentiate from the default PDF.js behaviour that downloads the file with the added annotations rather than saving it in place, the button now uses a "Save" icon instead. Like other icons used in Nextcloud, the "Save" icon was copied from Material Icons, which are licensed under the Apache License Version 2.0: https://fonts.google.com/icons?selected=Material+Icons:save: Signed-off-by: Daniel Calviño Sánchez <[email protected]>
nextcloud · Oct 23, 2023 · 78b6fbe · 78b6fbe
1 parent ef2f09c
commit 78b6fbe
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/css/viewer.css b/css/viewer.css
@@ -19,6 +19,13 @@
 	cursor: default;
 }
 
+/* Replace default "Download" icon in "Download / Save" button with a "Save"
+ * icon. */
+.toolbarButton#download::before {
+	-webkit-mask-image: url(../img/toolbarButton-secondaryToolbarSave.svg);
+	mask-image: url(../img/toolbarButton-secondaryToolbarSave.svg);
+}
+
 /* Do not highlight disabled toolbar buttons. */
 .toolbarButton:hover:disabled {
 	background-color: unset;

diff --git a/img/toolbarButton-secondaryToolbarSave.svg b/img/toolbarButton-secondaryToolbarSave.svg