AngularJS CSS转换：带有滑入/滑出控件的列表项

我正在尝试创建一个列表项，该列表项的左右两侧都有控件，当用户开始编辑列表时，这些控件会滑入，当用户完成编辑后，这些控件会滑出。我有一个工作示例，但列表项标题在CSS转换期间没有正确调整大小：

---

我相信问题在于我的CSS代码。我怎么能做到这一点呢？

我认为css转换不是这里的选项，因为它改变了元素视图，而没有改变它在DOM中的适用范围，所以相邻元素（如您案例中的标题）不会受到影响

---

其中一个选项是使用边距-例如，对于左块，您可以在动画开始时设置-100px边距，在动画结束时设置0px边距，它将正确滑动（如下所示）。但在这种情况下，您需要指定左右两个块的确切宽度，并使用相同的边距值。

谢谢，我没有考虑使用边距！