Override vue MDI icons

.github/workflows/easycloud-build.yml

@@ -9,6 +9,7 @@ on:
     paths:
       - '.github/workflows/**'
       - 'src/**'
+      - 'custom-npms/**'
       - 'apps/**'
       - 'apps/**/appinfo/info.xml'
       - 'apps-custom/**'
@@ -54,7 +55,7 @@ jobs:
           node-version-file: "package.json"
 
       - name: Build Nextcloud
-        run: make -f IONOS/Makefile build_nextcloud
+        run: make -f IONOS/Makefile build_nextcloud FONTAWESOME_PACKAGE_TOKEN=${{ secrets.FONTAWESOME_PACKAGE_TOKEN }}
 
       - name: Install dependencies & build simplesettings app
         env:

.gitmodules

@@ -25,3 +25,6 @@
 [submodule "apps-custom/nc_theming"]
 	path = apps-custom/nc_theming
 	url = [email protected]:IONOS-Productivity/nc-theming.git
+[submodule "custom-npms/nc-vue-material-design-icons"]
+	path = custom-npms/nc-vue-material-design-icons
+	url = [email protected]:IONOS-Productivity/nc-vue-material-design-icons.git

apps/files/src/components/FilesListVirtual.vue

@@ -537,15 +537,11 @@ export default defineComponent({
 					width: var(--icon-preview-size);
 					height: var(--icon-preview-size);
 				}
-
-				// Slightly increase the size of the folder icon
+				// Slightly decrease the size of the folder icon
 				&.folder-icon,
-				&.folder-open-icon {
-					margin: -3px;
-					svg {
-						width: calc(var(--icon-preview-size) + 6px);
-						height: calc(var(--icon-preview-size) + 6px);
-					}
+				&.folder-open-icon svg {
+					width: calc(var(--icon-preview-size) - 6px);
+					height: calc(var(--icon-preview-size) - 6px);
 				}
 			}
 
@@ -762,6 +758,15 @@ tbody.files-list__tbody.files-list__tbody--grid {
 			// Visual balance, we use half of the clickable area
 			// as a margin around the preview
 			padding-top: var(--half-clickable-area);
+
+			& > span {
+				// Slightly decrease the size of the folder icon
+				&.folder-icon,
+				&.folder-open-icon svg {
+					width: calc(var(--icon-preview-size) - 20px);
+					height: calc(var(--icon-preview-size) - 20px);
+				}
+			}
 		}
 
 		a.files-list__row-name-link {

package.json

@@ -189,7 +189,8 @@
     "webpack": "^5.91.0",
     "webpack-cli": "^5.0.2",
     "webpack-merge": "^5.8.0",
-    "workbox-webpack-plugin": "^7.0.0"
+    "workbox-webpack-plugin": "^7.0.0",
+    "vue-material-design-icons": "file:./custom-npms/nc-vue-material-design-icons/dist"
   },
   "browserslist": [
     "extends @nextcloud/browserslist-config"
@@ -199,6 +200,7 @@
     "npm": "^10.7.0"
   },
   "overrides": {
-    "colors": "1.4.0"
-  }
+    "colors": "1.4.0",
+    "vue-material-design-icons" : "$vue-material-design-icons"
+    }
 }