studio - settings: matched up styling/treatment of disabled input fields in…

studio - settings: matched up styling/treatment of disabled input fields in schedule/details settings view to new advanced settings UI

cms/static/sass/_settings.scss

@@ -241,11 +241,7 @@ body.course.settings {
     .field.is-not-editable {
 
       label, .label {
-        color: $gray-l3;
-      }
-
-      input {
-        opacity: 0.25;
+        color: $gray-l2;
       }
     }
 

cms/templates/settings.html

@@ -70,17 +70,17 @@ from contentstore import utils
           <ol class="list-input">
             <li class="field text is-not-editable" id="field-course-organization">
               <label for="course-organization">Organization</label>
-              <input type="text" class="long" id="course-organization" value="[Course Organization]" disabled="disabled" />
+              <input title="This field is disabled: this information cannot be changed." type="text" class="long" id="course-organization" value="[Course Organization]" disabled readonly />
             </li>
 
             <li class="field text is-not-editable" id="field-course-number">
               <label for="course-number">Course Number</label>
-              <input type="text" class="short" id="course-number" value="[Course No.]" disabled="disabled">
+              <input title="This field is disabled: this information cannot be changed." type="text" class="short" id="course-number" value="[Course No.]" disabled readonly>
             </li>
 
             <li class="field text is-not-editable" id="field-course-name">
               <label for="course-name">Course Name</label>
-              <input type="text" class="long" id="course-name" value="[Course Name]" disabled="disabled" />
+              <input title="This field is disabled: this information cannot be changed." type="text" class="long" id="course-name" value="[Course Name]" disabled readonly />
             </li>
           </ol>
           <span class="tip tip-stacked">These are used in <a rel="external" href="${utils.get_lms_link_for_about_page(course_location)}" />your course URL</a>, and cannot be changed</span>