Major incomplete Change

resources/assets/sass/modules/_layout.scss

@@ -2022,4 +2022,66 @@ padding-right: 30px;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
+}
+
+.slider {
+    height: auto;
+    animation-name: slideDown;
+    -webkit-animation-name: slideDown;
+
+    animation-duration: 1s;
+    -webkit-animation-duration: 1s;
+
+    animation-timing-function: ease;
+    -webkit-animation-timing-function: ease;
+
+    visibility: visible !important;
+
+    &.close {
+        height: 0px !important;
+        overflow: hidden;
+    }
+}
+
+
+@keyframes slideDown {
+    0% {
+        transform: translateY(-100%);
+    }
+    50%{
+        transform: translateY(8%);
+    }
+    65%{
+        transform: translateY(-4%);
+    }
+    80%{
+        transform: translateY(4%);
+    }
+    95%{
+        transform: translateY(-2%);
+    }
+    100% {
+        transform: translateY(0%);
+    }
+}
+
+@-webkit-keyframes slideDown {
+    0% {
+        -webkit-transform: translateY(-100%);
+    }
+    50%{
+        -webkit-transform: translateY(8%);
+    }
+    65%{
+        -webkit-transform: translateY(-4%);
+    }
+    80%{
+        -webkit-transform: translateY(4%);
+    }
+    95%{
+        -webkit-transform: translateY(-2%);
+    }
+    100% {
+        -webkit-transform: translateY(0%);
+    }
 }

resources/assets/vue/components/company/elements/CompanyComponenet.vue

@@ -61,9 +61,9 @@
             </div>
             <div class="row bg-white no-margin">
                 <div class="col no-padding">
-                    <slide-up-down :active="isEditing" ref="upDown" :duration="700">
+                    <div class="slider" :class="{close: !isEditing}" >
                         <company-form-component class="padding-15 b-t b-grey" v-on:collapseEdit="closeEdit()" v-on:updateLayout="resizeSlider()" :data="this.company"></company-form-component>
-                    </slide-up-down>
+                    </div>
                 </div>
             </div>
             <confirm-modal-component
@@ -85,9 +85,6 @@
                 isEditing: false
             }
         },
-        created() {
-          console.log(this.isEditing)
-        },
         mounted() {
             Event.$on('collapseEdit', () => {
                 this.closeEdit();