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,
+  getExchangeRate, getNumberSeries
-  getInvoiceActions,
-  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,7 +265,8 @@
       </div>
     </template>
 
-    <template #quickedit v-if="quickEditDoc || linked">
+    <template #quickedit>
+      <Transition name="quickedit">
         <QuickEditForm
           v-if="quickEditDoc && !linked"
           class="w-quick-edit"
@@ -280,12 +281,15 @@
           :load-on-close="false"
           @close="toggleQuickEditDoc(null)"
         />
+      </Transition>
 
+      <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;
 }