rename chapter/lesson
This commit is contained in:
@@ -23,6 +23,21 @@
|
||||
cursor: grabbing;
|
||||
}
|
||||
|
||||
/* 改名模式下两类元素的高亮与交互 */
|
||||
#chapter-list.chapter-rename-mode .chapter-item,
|
||||
#chapter-list.chapter-rename-mode .lesson-item {
|
||||
border: 1px solid #dc2626;
|
||||
border-radius: 6px;
|
||||
padding: 4px 6px;
|
||||
cursor: pointer;
|
||||
transition: background-color .15s ease, box-shadow .15s ease;
|
||||
}
|
||||
#chapter-list.chapter-rename-mode .chapter-item:hover,
|
||||
#chapter-list.chapter-rename-mode .lesson-item:hover {
|
||||
background: rgba(220,38,38,.06);
|
||||
box-shadow: 0 0 0 2px rgba(220,38,38,.15) inset;
|
||||
}
|
||||
|
||||
.dragging { opacity: .6; }
|
||||
|
||||
/* 放置位置提示线(在元素顶部/底部) */
|
||||
@@ -37,4 +52,14 @@
|
||||
.chapter-header {
|
||||
display: block; /* 使元素成为块级元素,占满整行 */
|
||||
/* 文字默认左对齐,无需额外设置text-align: left */
|
||||
}
|
||||
}
|
||||
|
||||
/* 改名按钮的激活态 */
|
||||
.rename-btn[aria-pressed="true"] {
|
||||
background: rgba(220,38,38,.12);
|
||||
outline: 2px solid #dc2626;
|
||||
}
|
||||
.reorder-btn[aria-pressed="true"] {
|
||||
background: rgba(220,38,38,.12);
|
||||
outline: 2px solid #dc2626;
|
||||
}
|
||||
Reference in New Issue
Block a user