lesson edit (add 阶段/步骤)

Html/apps/static/css/teacherboard.css

@@ -52,20 +52,24 @@
 }
 
 /* 课程目录弹出框 */
-
 .course-details {
     position: fixed;
     top: 0;
-    right: -400px;
+    left: -400px;  /* 从左侧滑入 */
     width: 300px;
     height: 100%;
     background-color: #fff;
-    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
+    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);  /* 修改阴影方向 */
     padding: 20px;
-    transition: right 0.3s ease;
+    transition: left 0.3s ease;  /* 过渡效果改为 left */
     z-index: 9999;
-    border-radius: 15px;  /* 添加圆角 */
+    border-radius: 15px;
 }
+
+.course-details.open {
+    left: 0;  /* 打开时显示 */
+}
+
 /* 基本的课程卡片样式 */
 .course-card {
     width: 150px;
@@ -133,7 +137,6 @@
     display: flex;
     justify-content: space-between;
 }
-/* 基本样式，保证输入框和下拉框占满整行 */
 input[type="text"], select {
     width: 100%; /* 占满一行 */
     padding: 12px; /* 增加内边距 */
@@ -267,10 +270,6 @@ label[for="course-description"] {
     color: #333; /* 标签颜色 */
 }
 
-.course-details.open {
-    right: 0;  /* 打开时显示 */
-}
-
 .details-header {
     display: flex;
     justify-content: space-between;