refactor: delete view animation classes, small fixes

src/assets/scss/_ie-fix.scss

@@ -1,6 +1,6 @@
 //IE fix for sticky footer
 @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-  .app {
+  .c-app {
     height: 100%;
   }
 }

src/views/Charts.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CCardGroup columns class="c-card-columns c-cols-2">
       <CCard header-html="Line Chart" body-wrapper>
         <CChartLineExample/>

src/views/Dashboard.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <WidgetsDropdown/>
     <CCard>
       <CCardBody>

src/views/base/Breadcrumbs.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol col>
           <CCard>

src/views/base/Cards.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol sm="6" md="4">
         <CCard header-html="Card title" :body-html="loremIpsum"/>

src/views/base/Carousels.vue

@@ -1,6 +1,6 @@
 <template functional>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol md="12" lg="9" >
           <CCard>

src/views/base/Collapses.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol col="12" md="6">
           <CCard>

src/views/base/Forms.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol sm="6">
         <CCard>

src/views/base/Jumbotrons.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol>
           <CCard>

src/views/base/ListGroups.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol md="6">
           <CCard>

src/views/base/Navbars.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <!-- <CCard>
         <CNavbar toggleable="md" light variant="light">
           <CNavbarToggle class="hehe" @click="test2 = !test2"/>

src/views/base/Navs.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CCard>
         <CCardHeader>
           <i class="fa fa-align-justify"></i><strong> Bootstrap Navs</strong>

src/views/base/Paginations.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CCard>
         <CCardHeader>
           <i class="fa fa-align-justify"></i>

src/views/base/Popovers.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CCard>
         <CCardHeader>
           <i class="fa fa-align-justify"></i>

src/views/base/ProgressBars.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CCard>
         <CCardHeader>
           <i class="fa fa-align-justify"></i>

src/views/base/Switches.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol xs="12" md="6">
         <CCard v-if="true">

src/views/base/Tables.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol sm="12">
         <CCard header-html="CTable power presentation" body-wrapper>

src/views/base/Tabs.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol xs="12" lg="6">
         <CCard>

src/views/base/Tooltips.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CCard>
         <CCardHeader>
           <i class="fa fa-align-justify"></i>

src/views/buttons/BrandButtons.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol col="12">
         <CCard>

src/views/buttons/ButtonGroups.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol col="12" >
           <CCard>

src/views/buttons/Dropdowns.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol col="12" md="6">
           <CCard>

src/views/buttons/StandardButtons.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CCard >
       <CCardHeader>
         <strong>Standard buttons</strong>

src/views/icons/CoreUIIcons.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CCard >
       <CCardHeader>
         <i class="cui-pencil"></i>CoreUI Icons
@@ -16,7 +16,7 @@
         </div>
       </CCardHeader>
       <CCardBody>
-        <CRow class="c-text-center c-mb-5">
+        <!-- <CRow class="c-text-center c-mb-5">
           <template v-for="(name, key) in $options.iconNames">
             <CCol :key="key" col="6" sm="4" md="3" xl="2" >
               <CIcon :name="name" width="24" class="c-mt-4"/>
@@ -24,6 +24,7 @@
             </CCol>
           </template>
         </CRow>
+         -->
         <CRow class="c-text-center ">
           <CCol col="6" sm="4" md="3" xl="2">
             <i class="cui-account-logout c-icons c-font-2xl c-d-block c-mt-4"></i>
@@ -431,15 +432,11 @@
   </div>
 </template>
 <script>
-import { iconSet } from '@coreui/icons'
+// import { iconSet } from '@coreui/icons'
-
+// const iconNames = Object.keys(iconSet)
-const iconNames = Object.keys(iconSet)
 
 export default {
   name: 'CoreUIIcons',
-  iconNames,
+  // iconNames,
-  // mounted () {
-  //   console.log(this.$options.iconNames)
-  // }
 }
 </script>

src/views/icons/Flags.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CCard>
       <CCardHeader>
         <i class="cui-globe"></i> Flags
@@ -7,11 +7,11 @@
       <CCardBody>
         <CRow class="c-text-center">
           <CCol class="c-mb-5" col="12">
-            For using the flags inline with text add the classes
+            <!-- For using the flags inline with text add the classes
             <code>.flag-icon</code> and <code>.flag-icon-xx</code>
             (where xx is the ISO 3166-1-alpha-2 code of a country) to an empty
             span. If you want to have a squared version flag then add the class
-            flag-icon-squared as well.
+            flag-icon-squared as well. -->
           </CCol>
           <template v-for="(flag, key) in displayedFlags">
             <CCol

src/views/notifications/Alerts.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol col="12" md="6">
           <CCard>

src/views/notifications/Badges.vue

@@ -1,6 +1,6 @@
 <template functional>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol col="12" md="6">
           <CCard>

src/views/notifications/Modals.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol col="12">
           <CCard>

src/views/theme/Colors.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CCard >
       <CCardHeader>
         <i class="cui-drop"></i> Theme colors

src/views/theme/Typography.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <div class="c-card">
       <div class="c-card-header">
         Headings

src/views/widgets/Widgets.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol sm="6" lg="3">
         <CWidgetProgress