diff --git a/cms/static/sass/course-unit-mfe-iframe-bundle.scss b/cms/static/sass/course-unit-mfe-iframe-bundle.scss index a49738621cf..9aafcfa1477 100644 --- 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 index 8c1c6ebf94c..3917b04d37e 100644 --- a/cms/templates/container_editor.html +++ b/cms/templates/container_editor.html @@ -82,8 +82,9 @@ % endif - - + {% comment %} TODO: Confirm if we can retrieve static files from the backend {% endcomment %} + +