Merge branch 'main' of github.com:devforth/adminforth

AdminForth/1989/peed-and-dev-deps-rework

AdminForth/1989/peed-and-dev-deps-rework

Author: yaroslav8765

adminforth/spa/src/afcl/Table.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="afcl-table-container relative overflow-x-auto overflow-y-auto shadow-md rounded-lg">
+  <div class="afcl-table-container relative overflow-x-auto overflow-y-auto overscroll-x-contain shadow-md rounded-lg">
       <table class="afcl-table w-full text-sm text-left rtl:text-right text-lightTableText dark:text-darkTableText overflow-x-auto">
           <thead class="afcl-table-thread z-40 text-xs text-lightTableHeadingText uppercase bg-lightTableHeadingBackground dark:bg-darkTableHeadingBackground dark:text-darkTableHeadingText" :class="makeHeaderSticky ? 'sticky top-0' : ''">
             <tr>

adminforth/spa/src/components/ResourceListTable.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- table -->
-  <div class="relative shadow-listTableShadow dark:shadow-darkListTableShadow	overflow-auto border dark:border-gray-700"
+  <div class="relative shadow-listTableShadow dark:shadow-darkListTableShadow	overflow-auto overscroll-x-contain border dark:border-gray-700"
     :class="{'rounded-default': !noRoundings}"
     :style="isVirtualScrollEnabled ? { maxHeight: `${containerHeight}px` } : {}"
     @scroll="handleScroll"

adminforth/spa/src/components/ShowTable.vue

@@ -1,5 +1,5 @@
 <template>
-      <div class="overflow-x-auto shadow-resourseFormShadow dark:shadow-darkResourseFormShadow border dark:border-gray-700"
+      <div class="overflow-x-auto overscroll-x-contain shadow-resourseFormShadow dark:shadow-darkResourseFormShadow border dark:border-gray-700"
         :class="{'rounded-default' : isRounded}"
       >
         <div v-if="groupName && !noTitle"  class="text-md font-semibold px-6 py-3 flex flex-1 items-center text-lightShowTableHeadingText bg-lightShowTableHeadingBackground dark:bg-darkShowTableHeadingBackground  dark:text-darkShowTableHeadingText rounded-t-lg">