fix: fix

- update selector in css to render iframe properly
- update identifier in js to find LTI element

Author: ttqureshi

xblocks_contrib/lti/static/css/lti.css

@@ -14,44 +14,44 @@ div.problem-progress {
     font-size: 1em;
 }
 
-div.lti {
+div._lti_extracted {
     margin: 0 auto;
 }
 
-div.lti .wrapper-lti-link {
+div._lti_extracted .wrapper-lti-link {
     font-size: 14px;
     background-color: #f6f6f6;
     padding: 20px;
 }
 
-div.lti .wrapper-lti-link .lti-link {
+div._lti_extracted .wrapper-lti-link .lti-link {
     margin-bottom: 0;
     text-align: right;
 }
 
-div.lti .wrapper-lti-link .lti-link .link_lti_new_window {
+div._lti_extracted .wrapper-lti-link .lti-link .link_lti_new_window {
     font-size: 13px;
     line-height: 20.72px;
 }
 
-div.lti form.ltiLaunchForm {
+div._lti_extracted form.ltiLaunchForm {
     display: none;
 }
 
-div.lti iframe.ltiLaunchFrame {
+div._lti_extracted iframe.ltiLaunchFrame {
     width: 100%;
     height: 800px;
     display: block;
     border: 0px;
 }
 
-div.lti h4.problem-feedback-label {
+div._lti_extracted h4.problem-feedback-label {
     font-weight: 100;
     font-size: 1em;
     font-family: "Source Sans", "Open Sans", Verdana, Geneva, sans-serif, sans-serif;
 }
 
-div.lti div.problem-feedback {
+div._lti_extracted div.problem-feedback {
     margin-top: 5px;
     margin-bottom: 5px;
 }

xblocks_contrib/lti/static/js/src/lti.js

@@ -1,9 +1,9 @@
 /* JavaScript for LTIBlock. */
 
-function LTIBlock(element) {
+function LTIBlock(runtime, element) {
     'use strict';
 
-    const $lti = $(element).find('.lti');
+    const $lti = $(element).find('._lti_extracted');
     const askToSendUsername = $lti.data('ask-to-send-username') === 'True';
     const askToSendEmail = $lti.data('ask-to-send-email') === 'True';