Merge pull request #5597 from nextcloud-libraries/fix/icon-size

fix(NcIconSvgWrapper): Fix icon size variable being undefined
nextcloud-libraries · May 16, 2024 · 215f0fc · 215f0fc
2 parents b7fe0a7 + 08e92b0
commit 215f0fc
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/components/NcIconSvgWrapper/NcIconSvgWrapper.vue b/src/components/NcIconSvgWrapper/NcIconSvgWrapper.vue
@@ -206,6 +206,9 @@ export default {
 		attributes() {
 			return {
 				class: ['icon-vue', { 'icon-vue--inline': this.inline }],
+				style: {
+					' --icon-size': this.iconSize,
+				},
 				role: 'img',
 				'aria-hidden': !this.name ? true : undefined,
 				'aria-label': this.name || undefined,
@@ -233,10 +236,10 @@ export default {
 
 	&:deep(svg) {
 		fill: currentColor;
-		width: v-bind('iconSize');
-		height: v-bind('iconSize');
-		max-width: v-bind('iconSize');
-		max-height: v-bind('iconSize');
+		width: var(--icon-size, 20px);
+		height: var(--icon-size, 20px);
+		max-width: var(--icon-size, 20px);
+		max-height: var(--icon-size, 20px);
 	}
 }
 </style>