refactor: added some styles

openedx · Nov 6, 2024 · 8a6b032 · 8a6b032
1 parent 0e6e817
commit 8a6b032
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 2 deletions.
diff --git a/cms/static/sass/course-unit-mfe-iframe-bundle.scss b/cms/static/sass/course-unit-mfe-iframe-bundle.scss
@@ -5,6 +5,49 @@ html body {
   background: transparent;
 }
 
+[class*="view-"] .modal-lg {
+  max-width: 1200px;
+}
+
+.xblock-studio_view-drag-and-drop-v2 .xblock--drag-and-drop--editor {
+  .zone-align-select,
+  .item-styles-form input,
+  .drag-builder textarea,
+  .drag-builder textarea,
+  .drag-builder textarea,
+  .drag-builder textarea,
+  .target-image-form textarea  {
+    width: 100%;
+  }
+
+  .target-image-form input[type="text"] {
+    width: 100%;
+
+    &.background-url {
+      margin-bottom: 10px;
+    }
+
+    &.autozone-layout {
+      &.autozone-layout-cols,
+      &.autozone-layout-rows {
+        width: auto;
+      }
+    }
+
+    &.autozone-size {
+      &.autozone-size-width,
+      &.autozone-size-height {
+        width: auto;
+      }
+    }
+  }
+
+  .feedback-tab input:not([type=checkbox]),
+  .xblock--drag-and-drop--editor .feedback-tab select {
+    width: 100%;
+  }
+}
+
 [class*="view-"] .wrapper {
   .wrapper-xblock {
     background-color: $transparent;
@@ -114,6 +157,7 @@ html body {
 
   .edit-xblock-modal select {
     background-color: $white;
+    width: 100%;
   }
 
   &.wrapper-modal-window .modal-window .modal-actions a {

diff --git a/cms/templates/container_editor.html b/cms/templates/container_editor.html
@@ -82,8 +82,9 @@
             <link rel="stylesheet" type="text/css" href="${static.url('common/css/vendor/editImageModal.min.css')}" />
         % endif
         <link rel="stylesheet" type="text/css" href="${static.url('js/vendor/timepicker/jquery.timepicker.css')}" />
-        <link rel="stylesheet" type="text/css" href="http://local.edly.io:8000/static/dist/openassessment-ltr.57031c2cf8d1638b07a0.css" />
-    </%block>
+        {% comment %} TODO: Confirm if we can retrieve static files from the backend {% endcomment %}
+        <link rel="stylesheet" type="text/css" href="${static.url('dist/openassessment-ltr.57031c2cf8d1638b07a0.css')}" />
+        </%block>
 
     <!-- Hotjar Tracking Code -->
     <script>