Merge pull request #2978 from bahadirsofuoglu/toast-close-style-issue

toast close icon style issue fixed
primefaces · Sep 29, 2022 · c3619be · c3619be
2 parents 49c0e8d + fb2e33a
commit c3619be
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/components/toast/ToastMessage.vue b/src/components/toast/ToastMessage.vue
@@ -9,9 +9,11 @@
                 </div>
             </template>
             <component v-else :is="template" :message="message"></component>
-            <button v-if="message.closable !== false" v-ripple class="p-toast-icon-close p-link" @click="onCloseClick" type="button">
-                <span class="p-toast-icon-close-icon pi pi-times"></span>
-            </button>
+            <div v-if="message.closable !== false">
+                <button v-ripple class="p-toast-icon-close p-link" @click="onCloseClick" type="button">
+                    <span class="p-toast-icon-close-icon pi pi-times"></span>
+                </button>
+            </div>
         </div>
     </div>
 </template>