changes the banner background color to yellow

Author: AllanOXDi

kolibri/plugins/coach/assets/src/views/common/QuizLessonDetailsHeader.vue

@@ -27,7 +27,11 @@
       </div>
     </div>
     <MissingResourceAlert v-if="resource.missing_resource" />
-    <UiAlert v-if="isFromOldKolibiri">
+    <UiAlert
+      v-if="isFromOldKolibiri"
+      type="warning"
+      class="old-kolibri-banner"
+    >
       <span>
         {{ warningForQuizFromOldKolibri$() }}
       </span>
@@ -86,8 +90,17 @@
       resource() {
         return this.examOrLesson === 'lesson' ? this.lesson : this.exam;
       },
+      isActive() {
+        return this.exam.active;
+      },
+      isExamDraft() {
+        return this.exam.draft;
+      },
+      isOldDataModelVersion() {
+        return this.exam.data_model_version < 3;
+      },
       isFromOldKolibiri() {
-        return this.exam.data_model_version < 3 && this.exam.draft && !this.exam.active;
+        return this.isOldDataModelVersion && this.isExamDraft() && !this.isActive();
       },
     },
   };
@@ -118,4 +131,8 @@
     margin-bottom: 0;
   }
 
+  .old-kolibri-banner {
+    margin-top: 0.5em;
+  }
+
 </style>