{"action":"created","issue":{"url":"https://api.github.com/repos/oppia/oppia/issues/1377","labels_url":"https://api.github.com/repos/oppia/oppia/issues/1377/labels{/name}","comments_url":"https://api.github.com/repos/oppia/oppia/issues/1377/comments","events_url":"https://api.github.com/repos/oppia/oppia/issues/1377/events","html_url":"https://github.com/oppia/oppia/issues/1377","id":126573438,"number":1377,"title":"Grey out the bottom part of the code editor if the exploration creator has appended code after the student's submission.","user":{"login":"seanlip","id":10575562,"avatar_url":"https://avatars.githubusercontent.com/u/10575562?v=3","gravatar_id":"","url":"https://api.github.com/users/seanlip","html_url":"https://github.com/seanlip","followers_url":"https://api.github.com/users/seanlip/followers","following_url":"https://api.github.com/users/seanlip/following{/other_user}","gists_url":"https://api.github.com/users/seanlip/gists{/gist_id}","starred_url":"https://api.github.com/users/seanlip/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/seanlip/subscriptions","organizations_url":"https://api.github.com/users/seanlip/orgs","repos_url":"https://api.github.com/users/seanlip/repos","events_url":"https://api.github.com/users/seanlip/events{/privacy}","received_events_url":"https://api.github.com/users/seanlip/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/oppia/oppia/labels/bug:%20minor","name":"bug: minor","color":"fef2c0"},{"url":"https://api.github.com/repos/oppia/oppia/labels/general/interactions","name":"general/interactions","color":"eeeeee"},{"url":"https://api.github.com/repos/oppia/oppia/labels/starter%20project","name":"starter project","color":"bfe5bf"},{"url":"https://api.github.com/repos/oppia/oppia/labels/TODO:%20code","name":"TODO: code","color":"bfe5bf"}],"state":"open","locked":false,"assignee":{"login":"prasanna08","id":8678373,"avatar_url":"https://avatars.githubusercontent.com/u/8678373?v=3","gravatar_id":"","url":"https://api.github.com/users/prasanna08","html_url":"https://github.com/prasanna08","followers_url":"https://api.github.com/users/prasanna08/followers","following_url":"https://api.github.com/users/prasanna08/following{/other_user}","gists_url":"https://api.github.com/users/prasanna08/gists{/gist_id}","starred_url":"https://api.github.com/users/prasanna08/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/prasanna08/subscriptions","organizations_url":"https://api.github.com/users/prasanna08/orgs","repos_url":"https://api.github.com/users/prasanna08/repos","events_url":"https://api.github.com/users/prasanna08/events{/privacy}","received_events_url":"https://api.github.com/users/prasanna08/received_events","type":"User","site_admin":false},"milestone":null,"comments":6,"created_at":"2016-01-14T04:11:33Z","updated_at":"2016-01-17T10:01:46Z","closed_at":null,"body":"In the code interaction, if the exploration creator has appended code, that code is grayed out. However, the part of the codemirror editor below that appended code remains white, which suggests that it's possible to type there (which is not the case). That area should also be grayed out, as shown in the screenshot below:\r\n\r\n![codeinput](https://cloud.githubusercontent.com/assets/10575562/12315583/68852c5e-ba31-11e5-9a8f-133211e2631c.png)\r\n\r\n/cc @bigblind "},"comment":{"url":"https://api.github.com/repos/oppia/oppia/issues/comments/172307481","html_url":"https://github.com/oppia/oppia/issues/1377#issuecomment-172307481","issue_url":"https://api.github.com/repos/oppia/oppia/issues/1377","id":172307481,"user":{"login":"prasanna08","id":8678373,"avatar_url":"https://avatars.githubusercontent.com/u/8678373?v=3","gravatar_id":"","url":"https://api.github.com/users/prasanna08","html_url":"https://github.com/prasanna08","followers_url":"https://api.github.com/users/prasanna08/followers","following_url":"https://api.github.com/users/prasanna08/following{/other_user}","gists_url":"https://api.github.com/users/prasanna08/gists{/gist_id}","starred_url":"https://api.github.com/users/prasanna08/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/prasanna08/subscriptions","organizations_url":"https://api.github.com/users/prasanna08/orgs","repos_url":"https://api.github.com/users/prasanna08/repos","events_url":"https://api.github.com/users/prasanna08/events{/privacy}","received_events_url":"https://api.github.com/users/prasanna08/received_events","type":"User","site_admin":false},"created_at":"2016-01-17T10:01:46Z","updated_at":"2016-01-17T10:01:46Z","body":"@seanlip as you suggested to prefix the class with something so only its descendants will be affected.\r\nI created a different theme (namely preview), it changes the background as per requirement and it can be easily selected  from CodeRepl.js by using editor.setOption('theme', 'preview') and similarly it can be removed by removing that option. So now it only affects interaction part of editor and 2nd change it did in previous commit gets fixed.\r\n\r\n@wxyxinyu thanks for the information but i have never used angular js before. So I am not able to do it any other way around. \r\n\r\nI know this is not what you guys needed.\r\nI hope this will solve the issue."}}