diff --git a/src/defaultCss/defaultV2Css.ts b/src/defaultCss/defaultV2Css.ts index ba68a08101..7423a9ac4c 100644 --- a/src/defaultCss/defaultV2Css.ts +++ b/src/defaultCss/defaultV2Css.ts @@ -427,6 +427,7 @@ export var defaultV2Css = { detailIconId: "icon-expanddetail", detailIconExpandedId: "icon-collapsedetail", actionsCell: "sd-table__cell sd-table__cell--actions", + actionsCellDrag: "sd-table__cell--drag", emptyCell: "sd-table__cell--empty", verticalCell: "sd-table__cell--vertical", cellQuestionWrapper: "sd-table__question-wrapper", @@ -456,6 +457,7 @@ export var defaultV2Css = { detailIconExpandedId: "icon-collapsedetail", detailPanelCell: "sd-table__cell--detail-panel", actionsCell: "sd-table__cell sd-table__cell--actions", + actionsCellDrag: "sd-table__cell--drag", buttonAdd: "sd-matrixdynamic__add-btn", buttonRemove: "sd-action--negative sd-matrixdynamic__remove-btn", iconAdd: "", diff --git a/src/defaultV2-theme/blocks/sd-table.scss b/src/defaultV2-theme/blocks/sd-table.scss index 182b19d646..e01c158dae 100644 --- a/src/defaultV2-theme/blocks/sd-table.scss +++ b/src/defaultV2-theme/blocks/sd-table.scss @@ -178,7 +178,7 @@ } } -.sd-table__cell--actions:not(.sd-table__cell--vertical) { +.sd-table__cell--actions:not(.sd-table__cell--vertical):not(.sd-table__cell--drag) { width: 0; &:first-of-type { padding-left: 0; diff --git a/src/question_matrixdropdownrendered.ts b/src/question_matrixdropdownrendered.ts index 8e58d40e62..c3b08823c2 100644 --- a/src/question_matrixdropdownrendered.ts +++ b/src/question_matrixdropdownrendered.ts @@ -528,12 +528,12 @@ export class QuestionMatrixDropdownRenderedTable extends Base { private getRowDragCell(rowIndex: number) { const cell = new QuestionMatrixDropdownRenderedCell(); cell.isDragHandlerCell = true; - cell.className = this.getActionsCellClassName(); + cell.className = this.getActionsCellClassName(cell); cell.row = this.matrix.visibleRows[rowIndex]; return cell; } - private getActionsCellClassName() :string { - return new CssClassBuilder().append(this.cssClasses.actionsCell).append(this.cssClasses.verticalCell, !this.matrix.isColumnLayoutHorizontal).toString(); + private getActionsCellClassName(cell: QuestionMatrixDropdownRenderedCell = null): string { + return new CssClassBuilder().append(this.cssClasses.actionsCell).append(this.cssClasses.actionsCellDrag, cell?.isDragHandlerCell).append(this.cssClasses.verticalCell, !this.matrix.isColumnLayoutHorizontal).toString(); } private getRowActionsCell(rowIndex: number, location: "start" | "end") { const rowActions = this.getRowActions(rowIndex, location);