Display: Move custom-aware SCORM style to scorm.scss - refs BT#19044

assets/css/app.scss

@@ -233,60 +233,6 @@
     @apply border-ch-text rounded-sm p-1;
   }
 
-  // Learning paths menu brought in to use primary/secondary colors
-  .scorm_highlight .item {
-    background: url("../../public/img/scorm/scorm_highlight.png") no-repeat 10px center !important;
-    @apply bg-ch-secondary;
-  }
-  .scorm_highlight.scorm_completed .item {
-    background: url("../../public/img/scorm/scorm_current.png") no-repeat 10px center !important;
-    @apply bg-ch-secondary;
-  }
-  .scorm_highlight.scorm_failed .item {
-    background: url("../../public/img/scorm/scorm_failed.png") no-repeat 10px center !important;
-    @apply bg-ch-secondary;
-  }
-  .scorm_item_normal.scorm_highlight {
-    @apply bg-ch-secondary;
-  }
-  .scorm_item_normal.scorm_highlight.scorm_not_attempted {
-    background: url(../../public/img/icons/svg/check-not-attempted.svg) right center no-repeat;
-    @apply bg-ch-secondary;
-  }
-  .scorm_item_normal.scorm_highlight.scorm_completed {
-    background: url(../../public/img/icons/svg/check-highlight.svg) right center no-repeat;
-    @apply bg-ch-secondary;
-  }
-  .scorm_item_normal.scorm_highlight a {
-    color: #FFFFFF;
-  }
-  #learning_path_toc .root_item.lp_item_type_document.scorm_highlight{
-    background-color: #f1f4f9;
-  }
-  #learning_path_toc .child_item.lp_item_type_document.scorm_highlight{
-    background-color: #f1f4f9;
-  }
-  #learning_path_right_zone .lp-view-tabs .tab-content {
-    bottom: 0;
-    left: 0;
-    position: absolute;
-    top: 60px;
-    right: 0;
-    border: 1px solid #dddddd;
-    border-top: none;
-  }
-  .scorm_item_normal a.items-list {
-    color: #666666;
-    display: inline-block;
-    width: 100%;
-  }
-  .scorm_completed .item a{
-    @apply text-gray-500;
-  }
-  .scorm_completed .item a.scorm_highlighted{
-    @apply text-gray-50;
-  }
-
   @import "scss/index.scss";
 }
 

assets/css/scorm.scss

@@ -696,6 +696,62 @@ body {
     padding: 10px 0 10px 10px;
 }
 
+// Using preset styles from SCSS
+
+.scorm_highlight .item {
+  background: url("../../public/img/scorm/scorm_highlight.png") no-repeat 10px center !important;
+  @apply bg-ch-secondary;
+}
+.scorm_highlight.scorm_completed .item {
+  background: url("../../public/img/scorm/scorm_current.png") no-repeat 10px center !important;
+  @apply bg-ch-secondary;
+}
+.scorm_highlight.scorm_failed .item {
+  background: url("../../public/img/scorm/scorm_failed.png") no-repeat 10px center !important;
+  @apply bg-ch-secondary;
+}
+.scorm_item_normal.scorm_highlight {
+  @apply bg-ch-secondary;
+}
+.scorm_item_normal.scorm_highlight.scorm_not_attempted {
+  background: url(../../public/img/icons/svg/check-not-attempted.svg) right center no-repeat;
+  @apply bg-ch-secondary;
+}
+.scorm_item_normal.scorm_highlight.scorm_completed {
+  background: url(../../public/img/icons/svg/check-highlight.svg) right center no-repeat;
+  @apply bg-ch-secondary;
+}
+.scorm_item_normal.scorm_highlight a {
+  color: #FFFFFF;
+}
+#learning_path_toc .root_item.lp_item_type_document.scorm_highlight{
+  background-color: #f1f4f9;
+}
+#learning_path_toc .child_item.lp_item_type_document.scorm_highlight{
+  background-color: #f1f4f9;
+}
+#learning_path_right_zone .lp-view-tabs .tab-content {
+  bottom: 0;
+  left: 0;
+  position: absolute;
+  top: 60px;
+  right: 0;
+  border: 1px solid #dddddd;
+  border-top: none;
+}
+.scorm_item_normal a.items-list {
+  color: #666666;
+  display: inline-block;
+  width: 100%;
+}
+.scorm_completed .item a{
+  @apply text-gray-500;
+}
+.scorm_completed .item a.scorm_highlighted{
+  @apply text-gray-50;
+}
+
+
 /* END LP VIEW COLLAPSE */
 /* Small devices (tablets, 768px and up) */
 @media (min-width: 768px) {

webpack.config.js

@@ -37,7 +37,7 @@ Encore
     .addStyleEntry('css/markdown', './assets/css/markdown.css')
     .addStyleEntry('css/print', './assets/css/print.css')
     .addStyleEntry('css/responsive', './assets/css/responsive.css')
-    .addStyleEntry('css/scorm', './assets/css/scorm.css')
+    .addStyleEntry('css/scorm', './assets/css/scorm.scss')
 
     .enableSingleRuntimeChunk()
     .enableIntegrityHashes()
@@ -238,4 +238,4 @@ const config = Encore.getWebpackConfig();
     // vue$: 'vue/dist/vue.esm.js'      // 'vue/dist/vue.common.js' for webpack 1
 };*/
 
-module.exports = config;
+module.exports = config;