27 lines
831 B
CSS
27 lines
831 B
CSS
/* 开启排序模式时的卡片态与反馈 */
|
|
#outline-tree.reorder-mode li.lvl2,
|
|
#outline-tree.reorder-mode li.lvl3 {
|
|
border: 2px solid #ddd;
|
|
border-radius: 10px;
|
|
background: #fff;
|
|
padding: 6px 10px;
|
|
margin: 6px 0;
|
|
cursor: grab;
|
|
transition: box-shadow .2s, border-color .2s;
|
|
}
|
|
#outline-tree.reorder-mode li.lvl2:hover,
|
|
#outline-tree.reorder-mode li.lvl3:hover {
|
|
border-color: #4CAF50;
|
|
box-shadow: 0 2px 6px rgba(0,0,0,.08);
|
|
}
|
|
#outline-tree.reorder-mode li.lvl2:active,
|
|
#outline-tree.reorder-mode li.lvl3:active {
|
|
cursor: grabbing;
|
|
}
|
|
|
|
#outline-tree li.dragging { opacity: .6; }
|
|
|
|
/* 放置提示线：在目标元素顶部/底部出现内阴影 */
|
|
#outline-tree li.drop-indicator-top { box-shadow: inset 0 3px 0 0 #4CAF50; }
|
|
#outline-tree li.drop-indicator-bottom { box-shadow: inset 0 -3px 0 0 #4CAF50; }
|