fix(ui): transition on more quickedit panes

models/baseModels/Invoice/Invoice.ts

@@ -2,19 +2,16 @@ import { Fyo } from 'fyo';
 import { DocValue, DocValueMap } from 'fyo/core/types';
 import { Doc } from 'fyo/model/doc';
 import {
-  Action,
   CurrenciesMap,
   DefaultMap,
   FiltersMap,
   FormulaMap,
-  HiddenMap,
+  HiddenMap
 } from 'fyo/model/types';
 import { DEFAULT_CURRENCY } from 'fyo/utils/consts';
 import { ValidationError } from 'fyo/utils/errors';
 import {
-  getExchangeRate,
-  getInvoiceActions,
-  getNumberSeries,
+  getExchangeRate, getNumberSeries
 } from 'models/helpers';
 import { InventorySettings } from 'models/inventory/InventorySettings';
 import { StockTransfer } from 'models/inventory/StockTransfer';

src/components/PageHeader.vue

@@ -69,6 +69,6 @@ export default {
 
 .spacer-enter-active,
 .spacer-leave-active {
-  transition: all 250ms ease-out;
+  transition: all 150ms ease-out;
 }
 </style>

src/pages/Desk.vue

@@ -86,6 +86,6 @@ export default {
 
 .sidebar-enter-active,
 .sidebar-leave-active {
-  transition: all 250ms ease-out;
+  transition: all 150ms ease-out;
 }
 </style>

src/pages/InvoiceForm.vue

@@ -265,27 +265,31 @@
       </div>
     </template>
 
-    <template #quickedit v-if="quickEditDoc || linked">
-      <QuickEditForm
-        v-if="quickEditDoc && !linked"
-        class="w-quick-edit"
-        :name="quickEditDoc.name"
-        :show-name="false"
-        :show-save="false"
-        :source-doc="quickEditDoc"
-        :source-fields="quickEditFields"
-        :schema-name="quickEditDoc.schemaName"
-        :white="true"
-        :route-back="false"
-        :load-on-close="false"
-        @close="toggleQuickEditDoc(null)"
-      />
+    <template #quickedit>
+      <Transition name="quickedit">
+        <QuickEditForm
+          v-if="quickEditDoc && !linked"
+          class="w-quick-edit"
+          :name="quickEditDoc.name"
+          :show-name="false"
+          :show-save="false"
+          :source-doc="quickEditDoc"
+          :source-fields="quickEditFields"
+          :schema-name="quickEditDoc.schemaName"
+          :white="true"
+          :route-back="false"
+          :load-on-close="false"
+          @close="toggleQuickEditDoc(null)"
+        />
+      </Transition>
 
-      <LinkedEntryWidget
-        v-if="linked && !quickEditDoc"
-        :linked="linked"
-        @close-widget="linked = null"
-      />
+      <Transition name="quickedit">
+        <LinkedEntryWidget
+          v-if="linked && !quickEditDoc"
+          :linked="linked"
+          @close-widget="linked = null"
+        />
+      </Transition>
     </template>
   </FormContainer>
 </template>

src/styles/index.css

@@ -166,5 +166,5 @@ input[type='number']::-webkit-inner-spin-button {
 
 .quickedit-enter-active,
 .quickedit-leave-active {
-  transition: all 250ms ease-out;
+  transition: all 150ms ease-out;
 }