fix: unit xblock adaptivity and small visual enhancements

Author: ihor-romaniuk

cms/static/sass/course-unit-mfe-iframe-bundle.scss

@@ -8,7 +8,7 @@
 
 html {
   body {
-    min-width: 800px;
+    min-width: 560px;
     background: transparent;
     &.openassessment_full_height.view-container {
         overflow-y: hidden;
@@ -39,11 +39,19 @@ body,
       padding: ($baseline * 1.2) ($baseline * 1.2) ($baseline / 1.67);
       border-bottom: none;
 
-      .header-details .xblock-display-name {
-        font-size: 22px;
-        line-height: 28px;
-        font-weight: 700;
-        color: $black;
+      .header-details {
+        .xblock-display-title {
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+
+        .xblock-display-name {
+          font-size: 22px;
+          line-height: 28px;
+          font-weight: 700;
+          color: $black;
+        }
       }
     }
 
@@ -345,7 +353,6 @@ body,
     }
 
     .tip.setting-help {
-      color: $border-color;
       font-size: 14px;
       line-height: $base-font-size;
     }
@@ -452,6 +459,11 @@ body,
 
   .modal-lg.modal-window.confirm.openassessment_modal_window {
     height: 635px;
+    max-height: 100vh;
+
+    .edit-xblock-modal .modal-content {
+      max-height: 100%;
+    }
   }
 
   // Additions for the xblock editor on the Library Authoring
@@ -672,11 +684,21 @@ body [class*="view-"] .openassessment_editor_buttons.xblock-actions {
     max-width: 1200px;
   }
 
-  .modal-lg.modal-editor .modal-header .editor-modes .action-item {
-    .editor-button,
-    .settings-button {
-      @extend %light-button;
-    }
+  .modal-lg.modal-editor {
+      .modal-header .editor-modes .action-item {
+        .editor-button,
+        .settings-button {
+          @extend %light-button;
+        }
+      }
+
+      .edit-xblock-modal .modal-content {
+        max-height: calc(100vh - 144px);
+
+        .editor-with-buttons.wrapper-comp-settings .list-input.settings-list {
+          max-height: calc(100vh - 205px);
+        }
+      }
   }
 
   .wrapper.wrapper-modal-window .modal-window .modal-actions .action-primary {