refactor: delete view animation classes, small fixes

woothu · woothu · commit 824a9b425c68 · 2019-06-14T11:47:50.000+02:00
diff --git a/src/assets/scss/_ie-fix.scss b/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%;
   }
 }
diff --git a/src/views/Charts.vue b/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/>
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <WidgetsDropdown/>
     <CCard>
       <CCardBody>
diff --git a/src/views/base/Breadcrumbs.vue b/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>
diff --git a/src/views/base/Cards.vue b/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"/>
diff --git a/src/views/base/Carousels.vue b/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>
diff --git a/src/views/base/Collapses.vue b/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>
diff --git a/src/views/base/Forms.vue b/src/views/base/Forms.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol sm="6">
         <CCard>
diff --git a/src/views/base/Jumbotrons.vue b/src/views/base/Jumbotrons.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="c-wrapper">
-    <div class="c-animated c-fadeIn">
+    <div>
       <CRow>
         <CCol>
           <CCard>
diff --git a/src/views/base/ListGroups.vue b/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>
diff --git a/src/views/base/Navbars.vue b/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"/>
diff --git a/src/views/base/Navs.vue b/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>
diff --git a/src/views/base/Paginations.vue b/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>
diff --git a/src/views/base/Popovers.vue b/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>
diff --git a/src/views/base/ProgressBars.vue b/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>
diff --git a/src/views/base/Switches.vue b/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">
diff --git a/src/views/base/Tables.vue b/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>
diff --git a/src/views/base/Tabs.vue b/src/views/base/Tabs.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol xs="12" lg="6">
         <CCard>
diff --git a/src/views/base/Tooltips.vue b/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>
diff --git a/src/views/buttons/BrandButtons.vue b/src/views/buttons/BrandButtons.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol col="12">
         <CCard>
diff --git a/src/views/buttons/ButtonGroups.vue b/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>
diff --git a/src/views/buttons/Dropdowns.vue b/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>
diff --git a/src/views/buttons/StandardButtons.vue b/src/views/buttons/StandardButtons.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CCard >
       <CCardHeader>
         <strong>Standard buttons</strong>
diff --git a/src/views/icons/CoreUIIcons.vue b/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,14 +16,15 @@
         </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"/>
               <div>{{name}}</div>
             </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'
-
-const iconNames = Object.keys(iconSet)
+// import { iconSet } from '@coreui/icons'
+// const iconNames = Object.keys(iconSet)
 
 export default {
   name: 'CoreUIIcons',
-  iconNames,
-  // mounted () {
-  //   console.log(this.$options.iconNames)
-  // }
+  // iconNames,
 }
 </script>
diff --git a/src/views/icons/Flags.vue b/src/views/icons/Flags.vue
@@ -1,22 +1,22 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CCard>
       <CCardHeader>
-        <i class="cui-globe"></i>Flags
+        <i class="cui-globe"></i> Flags
       </CCardHeader>
       <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
               class="c-mb-5"
-              col="3" 
+              col="3"
               sm="2"
               :key="key"
             >
diff --git a/src/views/notifications/Alerts.vue b/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>
diff --git a/src/views/notifications/Badges.vue b/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>
diff --git a/src/views/notifications/Modals.vue b/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>
diff --git a/src/views/theme/Colors.vue b/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
diff --git a/src/views/theme/Typography.vue b/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
diff --git a/src/views/widgets/Widgets.vue b/src/views/widgets/Widgets.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="c-animated c-fadeIn">
+  <div>
     <CRow>
       <CCol sm="6" lg="3">
         <CWidgetProgress

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`//IE fix for sticky footer`
`2`	`2`	`@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {`
`3`		`- .app {`
	`3`	`+ .c-app {`
`4`	`4`	`height: 100%;`
`5`	`5`	`}`
`6`	`6`	`}`