Highlight stage direction in cue and script edit pages

dreamteamprod · Jul 15, 2024 · e3aefd2 · e3aefd2
1 parent 832083c
commit e3aefd2
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 2 deletions.
diff --git a/client/src/vue_components/show/config/cues/ScriptLineCueEditor.vue b/client/src/vue_components/show/config/cues/ScriptLineCueEditor.vue
@@ -41,7 +41,12 @@
           :key="`line_${lineIndex}_stage_direction`"
           style="text-align: center"
         >
-          <i class="viewable-line">{{ line.line_parts[0].line_text }}</i>
+          <i
+            class="viewable-line"
+            style="background-color: darkslateblue"
+          >
+            {{ line.line_parts[0].line_text }}
+          </i>
         </b-col>
       </template>
       <template v-else>

diff --git a/client/src/vue_components/show/config/script/ScriptLineViewer.vue b/client/src/vue_components/show/config/script/ScriptLineViewer.vue
@@ -71,7 +71,12 @@
         :key="`line_${lineIndex}_stage_direction`"
         style="text-align: center"
       >
-        <i class="viewable-line">{{ line.line_parts[0].line_text }}</i>
+        <i
+          class="viewable-line"
+          style="background-color: darkslateblue"
+        >
+          {{ line.line_parts[0].line_text }}
+        </i>
       </b-col>
     </template>
     <b-col