try nailing glitchy chaotic scroll @ iOS mobile build #106.580

Author: constzaytsev

client/dist/desktop/assets/app.css

@@ -2,6 +2,7 @@
   <div
     id="wa-app"
     class="c-mobile-build"
+    :class="{ 'c-multi-select-mode': $store.state.multiSelectMode }"
   >
     <div v-if="!$IsOnline.online">
       <span

client/dist/desktop/assets/app.js

@@ -44,6 +44,10 @@ export default {
   top: 4rem;
   align-self: flex-start;
 
+  .wa-no-header & {
+    top: 0;
+  }
+
   &__inner {
     margin: 0 auto;
   }

client/dist/mobile/assets/app.css

@@ -31,13 +31,13 @@
           {{ $t("unselectAll") }}
         </button>
       </div>
-      <div v-else-if="appStateService.isDesktop">
+      <div v-else>
         <button
           class="button light-gray smallest nowrap"
           @click="toggleMultiSelect"
         >
-          <i class="fas fa-list-ul" />
-          <span class="custom-ml-8 black">Сразу много</span>
+          <i class="fas fa-tasks" />
+          <span class="custom-ml-8 black">{{ $t("selectMany") }}</span>
         </button>
       </div>
     </div>

client/dist/mobile/assets/app.js

@@ -49,6 +49,11 @@ onBeforeUnmount(() => {
   display: none;
   margin-bottom: -60px;
 }
+
+.wa-no-header .c-transaction-controls-sticky {
+  top: 0;
+}
+
 .c-transaction-controls-sticky .box.rounded {
   border-radius: 0;
 }
@@ -58,7 +63,12 @@ onBeforeUnmount(() => {
 }
 
 .c-mobile-build .c-transaction-controls-sticky {
+  display: none;
   top: 0;
 }
 
+.c-mobile-build.c-multi-select-mode  .c-transaction-controls-sticky {
+  display: block !important;
+}
+
 </style>

client/src/Mobile.vue

@@ -397,6 +397,16 @@ export default {
   top: 4rem;
 }
 
+.wa-no-header .c-sticky-header-group,
+.c-mobile-build.c-multi-select-mode .c-sticky-header-group {
+  top: 60px;
+}
+
+.wa-no-header .no-sticky-controls .c-sticky-header-group,
+.c-mobile-build .c-sticky-header-group {
+  top: 0;
+}
+
 .c-sticky-header-group:hover {
   z-index: 999;
 }

client/src/components/Charts/AmChartPieStickyContainer.vue

@@ -121,6 +121,7 @@
   "bulkMoveWarning": "Please be sure to select the right account and the right category type applicable to all selected transactions to avoid wrong currency conversion effects.",
   "dontChange": "Don’t change",
   "noCategory": "No category",
+  "selectMany": "Select many",
   "unselectAll": "Unselect all",
   "other": "Other",
   "transfer": "Transfer",