fix: in out words on VT should always be white

bbc · Jan 10, 2025 · e301ab8 · e301ab8
1 parent 305a880
commit e301ab8
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 3 deletions.
diff --git a/packages/webui/src/client/styles/rundownView.scss b/packages/webui/src/client/styles/rundownView.scss
@@ -3273,7 +3273,20 @@ svg.icon {
 		word-break: break-all;
 		white-space: normal;
 	}
-	.mini-inspector__value__right {
+	.mini-inspector__firstwords {
+		color: #ffffff;
+		font-weight: 200;
+		font-size: 0.8em;
+		letter-spacing: 0em;
+		line-height: 80%;
+		max-width: 60vw;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		word-break: break-all;
+		white-space: normal;
+	}
+	.mini-inspector__lastwords {
+		color: #ffffff;
 		font-weight: 200;
 		font-size: 0.8em;
 		letter-spacing: 0em;

diff --git a/packages/webui/src/client/ui/FloatingInspectors/VTFloatingInspector.tsx b/packages/webui/src/client/ui/FloatingInspectors/VTFloatingInspector.tsx
@@ -151,8 +151,8 @@ export const VTFloatingInspector: React.FC<IProps> = ({
 						<span className="mini-inspector__value">{content?.fileName}</span>
 					</div>
 					<div className="segment-timeline__mini-inspector__properties">
-						<span className="mini-inspector__value">{content?.firstWords}</span>
-						<span className="mini-inspector__value__right">{content?.lastWords}</span>
+						<span className="mini-inspector__firstwords">{content?.firstWords}</span>
+						<span className="mini-inspector__lastwords">{content?.lastWords}</span>
 					</div>
 				</>
 			)}