rename chapter/lesson

Html/apps/static/css/teacher_course_setting.css

@@ -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;
+}

Html/apps/static/css/teacherboard.css

@@ -110,6 +110,8 @@
     background-color: #f0f0f0;
     border: 1px dashed #bbb;
 }
+
+
 /* 模态框背景 */
 .modal {
     display: none; /* 初始时隐藏 */