resizer right working

2 files changed, 10 insertions, 7 deletions

diff --git a/src/client/views/collections/collectionSchema/CollectionSchemaView.tsx b/src/client/views/collections/collectionSchema/CollectionSchemaView.tsx
index a6a5df4b9..ef3efea39 100644
--- a/src/client/views/collections/collectionSchema/CollectionSchemaView.tsx
+++ b/src/client/views/collections/collectionSchema/CollectionSchemaView.tsx
@@ -377,20 +377,23 @@ export class CollectionSchemaView extends CollectionSubView() {
     };
 
     @action
-    startResize = (e: any, index: number) => {
+    startResize = (e: any, index: number, rightSide: boolean) => {
         this._displayColumnWidths = this.storedColumnWidths;
-        setupMoveUpEvents(this, e, moveEv => this.resizeColumn(moveEv, index), this.finishResize, emptyFunction);
+        setupMoveUpEvents(this, e, moveEv => this.resizeColumn(moveEv, index, rightSide), this.finishResize, emptyFunction);
     };
 
     @action
-    resizeColumn = (e: PointerEvent, index: number) => {
+    resizeColumn = (e: PointerEvent, index: number, rightSide: boolean) => {
         if (this._displayColumnWidths) {
             let shrinking;
             let growing;
 
             let change = e.movementX;
 
-            if (index !== 0) {
+            if (rightSide && (index !== this._displayColumnWidths.length - 1)) {
+                growing = change < 0 ? index + 1: index;
+                shrinking = change < 0 ? index : index + 1;
+            } else if (index !== 0) {
                 growing = change < 0 ? index : index - 1;
                 shrinking = change < 0 ? index - 1 : index;
             }
diff --git a/src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx b/src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx
index 4f5b3005d..40509c41b 100644
--- a/src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx
+++ b/src/client/views/collections/collectionSchema/SchemaColumnHeader.tsx
@@ -41,7 +41,7 @@ export interface SchemaColumnHeaderProps {
     setSort: (field: string | undefined, desc?: boolean) => void;
     removeColumn: (index: number) => void;
     rowHeight: () => number;
-    resizeColumn: (e: any, index: number) => void;
+    resizeColumn: (e: any, index: number, isRight: boolean) => void;
     dragColumn: (e: any, index: number) => boolean;
     openContextMenu: (x: number, y: number, index: number) => void;
     setColRef: (index: number, ref: HTMLDivElement) => void;
@@ -235,7 +235,7 @@ export class SchemaColumnHeader extends ObservableReactComponent<SchemaColumnHea
                             this._props.setColRef(this._props.columnIndex, col);
                         }
                     }}>
-                    <div className="schema-column-resizer left" onPointerDown={e => this._props.resizeColumn(e, this._props.columnIndex)} />
+                    <div className="schema-column-resizer left" onPointerDown={e => this._props.resizeColumn(e, this._props.columnIndex, false)} />
 
                     <div className="schema-header-text">{this.editableView}</div>
 
@@ -245,7 +245,7 @@ export class SchemaColumnHeader extends ObservableReactComponent<SchemaColumnHea
                         </div>
                     </div>  
 
-                    <div className="schema-column-resizer right" onPointerDown={e => this._props.resizeColumn(e, this._props.columnIndex)} />
+                    <div className="schema-column-resizer right" onPointerDown={e => this._props.resizeColumn(e, this._props.columnIndex, true)} />
                 </div>
         );
     }