fix: fixed drag and drop buttons

raccoongang · Feb 21, 2024 · ffd0b4f · ffd0b4f
1 parent 225c85d
commit ffd0b4f
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 2 deletions.
diff --git a/src/course-unit/CourseUnit.scss b/src/course-unit/CourseUnit.scss
@@ -4,3 +4,4 @@
 @import "./sidebar/Sidebar";
 @import "./course-xblock/CourseXblock";
 @import "./clipboard/paste-component/PasteComponent";
+@import "./header-title/HeaderTitle";
diff --git a/src/course-unit/course-xblock/CourseXblock.scss b/src/course-unit/course-xblock/CourseXblock.scss
@@ -3,9 +3,12 @@
     .pgn__card-header {
       display: flex;
       justify-content: space-between;
-      align-items: center;
       border-bottom: 1px solid $light-400;
       padding-bottom: map-get($spacers, 2);
+
+      &:not(:has(.pgn__card-header-subtitle-md)) {
+        align-items: center;
+      }
     }
 
     .pgn__card-header-subtitle-md {

diff --git a/src/course-unit/header-title/HeaderTitle.jsx b/src/course-unit/header-title/HeaderTitle.jsx
@@ -40,7 +40,7 @@ const HeaderTitle = ({
       message = intl.formatMessage(messages.commonVisibilityMessage);
     }
 
-    return message ? (<p className="small mb-0">{message}</p>) : null;
+    return message ? (<p className="header-title__visibility-message mb-0">{message}</p>) : null;
   };
 
   useEffect(() => {

diff --git a/src/course-unit/header-title/HeaderTitle.scss b/src/course-unit/header-title/HeaderTitle.scss
@@ -0,0 +1,4 @@
+.header-title__visibility-message {
+  font-size: $font-size-sm;
+  font-weight: $font-weight-normal;
+}