Merge pull request #1741 from nextcloud/fix-actionbutton-icon-slot

Fix ActionButton icon slot
nextcloud-libraries · Mar 8, 2021 · f28decf · f28decf
2 parents cb128c9 + d1debef
commit f28decf
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/components/ActionButton/ActionButton.vue b/src/components/ActionButton/ActionButton.vue
@@ -85,12 +85,12 @@ export default {
 			:aria-label="ariaLabel"
 			:class="{ focusable: isFocusable }"
 			@click="onClick">
-			<!-- @slot Manually provide icon -->
-			<slot name="icon">
-				<span :class="[isIconUrl ? 'action-button__icon--url' : icon]"
-					:style="{ backgroundImage: isIconUrl ? `url(${icon})` : null }"
-					class="action-button__icon" />
-			</slot>
+			<span :class="[isIconUrl ? 'action-button__icon--url' : icon]"
+				:style="{ backgroundImage: isIconUrl ? `url(${icon})` : null }"
+				class="action-button__icon">
+				<!-- @slot Manually provide icon -->
+				<slot name="icon" />
+			</span>
 
 			<!-- long text with title -->
 			<p v-if="title">