fix: styles

openedx · Nov 6, 2024 · ea6c563 · ea6c563
1 parent ba2871b
commit ea6c563
Show file tree

Hide file tree

Showing 2 changed files with 53 additions and 18 deletions.
diff --git a/cms/static/sass/course-unit-mfe-iframe-bundle.scss b/cms/static/sass/course-unit-mfe-iframe-bundle.scss
@@ -2,12 +2,12 @@
 @import 'elements/course-unit-mfe-iframe';
 
 body {
-    min-width: 800px;
+  min-width: 800px;
 }
 
 .wrapper {
   .inner-wrapper {
-      max-width: 100%;
+    max-width: 100%;
   }
 
   .wrapper-xblock {
@@ -31,19 +31,52 @@ body {
       }
     }
 
+    .xblock-header-secondary {
+      border-radius: 0 0 4px 4px;
+
+      .actions-list .action-item .action-button {
+        border-radius: 4px;
+
+        &:hover {
+          background-color: $primary;
+          color: $white;
+        }
+      }
+    }
+
     &.level-page .xblock-message {
-      font-size: 16px;
-      line-height: 22px;
-      color: $text-color;
-      border-radius: 4px;
-      padding: ($baseline * 1.2);
-      margin-bottom: ($baseline * 1.4);
-      box-shadow: 0 2px 4px rgba(0, 0, 0, .15), 0 2px 8px rgba(0, 0, 0, .15);
+      padding: ($baseline * .75) ($baseline * 1.2);
+      border-radius: 0 0 4px 4px;
 
       &.information {
+        color: $text-color;
         background-color: $xblock-message-info-bg;
         border-color: $xblock-message-info-border-color;
       }
+
+      &.validation.has-warnings {
+        color: $black;
+        background-color: $xblock-message-warning-bg;
+        border-color: $xblock-message-warning-border-color;
+        border-top-width: 1px;
+
+        .icon {
+          color: $xblock-message-warning-border-color;
+        }
+      }
+
+      a {
+        color: $primary;
+      }
+    }
+
+    .xblock-author_view-library_content > .wrapper-xblock-message .xblock-message {
+      font-size: 16px;
+      line-height: 22px;
+      border-radius: 4px;
+      padding: ($baseline * 1.2);
+      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15), 0 1px 4px rgba(0, 0, 0, 0.15);
+      margin-bottom: ($baseline * 1.4);
     }
 
     &.level-element {
@@ -74,20 +107,20 @@ body {
         color: $black;
 
         .fa-ellipsis-v {
-            font-size: $base-font-size;
+          font-size: $base-font-size;
         }
 
         &:hover {
-            background-color: $primary;
-            border-color: $transparent;
+          background-color: $primary;
+          border-color: $transparent;
         }
 
         &:focus {
-            outline: 2px $transparent;
-            background-color: $transparent;
-            box-shadow: inset 0 0 0 2px $primary;
-            color: $primary;
-            border-color: $transparent;
+          outline: 2px $transparent;
+          background-color: $transparent;
+          box-shadow: inset 0 0 0 2px $primary;
+          color: $primary;
+          border-color: $transparent;
         }
       }
     }
@@ -651,7 +684,7 @@ select {
   }
 }
 
-.xblock-header-primary {
+.xblock-header:not(.xblock-header-library_content, .xblock-header-split_test) .xblock-header-primary {
   position: relative;
 
   &::before {

diff --git a/cms/static/sass/partials/cms/theme/_variables-v1.scss b/cms/static/sass/partials/cms/theme/_variables-v1.scss
@@ -316,3 +316,5 @@ $dark: #212529;
 
 $xblock-message-info-bg: #eff8fa;
 $xblock-message-info-border-color: #9cd2e6;
+$xblock-message-warning-bg: #fffdf0;
+$xblock-message-warning-border-color: #fff6bf;