fix: CToast class change

Author: woothu

src/components/toast/CToast.vue

@@ -71,8 +71,8 @@ export default {
       return [
         'toast',
         {
-          'd-none': !this.isShowed && !this.hidding,
-          'full': this.props.position.includes('full'),
+          'show': this.isShowed || this.hidding,
+          'toast-full': this.props.position.includes('full'),
         }
       ]
     },
@@ -152,15 +152,6 @@ export default {
 </script>
 
 <style scoped>
-  .toast {
-    opacity: 1;
-  }
-  .toast.full {
-    max-width: 100%;
-  }
-  .toast:last-child {
-    margin-bottom: 0.75rem;
-  }
   .fade-enter-active {
     transition: opacity .5s;
   }

src/components/toast/CToaster.vue

@@ -30,7 +30,7 @@ export default {
     toasterClasses () {
       return [
         'toaster',
-        { 'd-flex flex-column-reverse': this.reverse }
+        { 'toaster-reverse': !this.reverse }
       ]
     }
   }

src/components/toast/tests/__snapshots__/CToast.spec.js.snap

@@ -5,7 +5,7 @@ exports[`CToast renders correctly 1`] = `
   appear=""
   aria-atomic="true"
   aria-live="assertive"
-  class="toast"
+  class="toast show"
   role="alert"
   style=""
 >
@@ -22,7 +22,7 @@ exports[`CToast renders correctly custom wrapper 1`] = `
   appear=""
   aria-atomic="true"
   aria-live="assertive"
-  class="toast"
+  class="toast show"
   name="fade"
   role="alert"
   style="z-index: 1100; min-width: 350px; position: fixed; bottom: 0px; left: 50%; transform: translateX(-50%);"

src/components/toast/tests/__snapshots__/CToaster.spec.js.snap

@@ -2,21 +2,21 @@
 
 exports[`CToaster renders correctly 1`] = `
 <div
-  class="toaster d-flex flex-column-reverse"
+  class="toaster"
   style="z-index: 1100; min-width: 350px; position: fixed; top: 0px; right: 0px;"
 />
 `;
 
 exports[`CToaster renders correctly custom wrapper 1`] = `
 <div
-  class="toaster d-flex flex-column-reverse"
+  class="toaster"
   style="z-index: 1100; min-width: 350px; position: fixed; top: 0px; left: 0px;"
 >
   <div
     appear=""
     aria-atomic="true"
     aria-live="assertive"
-    class="toast"
+    class="toast show"
     role="alert"
     style=""
   >