如何在拖动时保持行的大小？

Question

我有一个示例应用程序，我使用cdk-Dragging. 问题是当我拖动它时，cdk-drag-preview正在应用一个名为的类并使拖动的行变小。

在上面您可以看到，当我尝试拖动时，拖动的行会变得越来越小，直到我将其放下。我希望它和其他的一样大，永远不会改变。我尝试向此类添加属性，但无法使其工作。我怎样才能保持这一行的宽度？

这是我在 stackblitz 上尝试过的：

https://stackblitz.com/edit/angular-gbls7d-or2y5z?file=src/app/cdk-drag-drop-connected-sorting-example.html

Answer 1

您可以在.cdk-drag-preview中应用宽度和高度 css 属性样式，如下所示。

.cdk-drag-preview {
   box-sizing: border-box;
   border-radius: 4px;
   width:87%; // you can add in px also 
   height:11%; // this line added
   box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2),
          0 8px 10px 1px rgba(0, 0, 0, 0.14),
          0 3px 14px 2px rgba(0, 0, 0, 0.12);
 }