Add center crosshair to the OSD helper lines (#3239)

betaflight · Jan 14, 2023 · 4412000 · 4412000
1 parent c086395
commit 4412000
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/src/css/tabs/osd.less b/src/css/tabs/osd.less
@@ -226,10 +226,27 @@
 		}
 
 		&:active {
+
+			&:before {
+				content: '';
+				position: absolute;
+				top: 50%;
+				left: 40%;
+				border-top: 0.3em dashed var(--gimbalCrosshair);
+				width: 20%;
+				transform: translateY(-50%);
+				pointer-events: none;
+			}
+
+			&:after:extend(.tab-osd .preview:active:before) {
+				transform: translateY(-50%) rotate(90deg);
+			}
+
 			.char {
 				border: 1px dashed rgba(55, 55, 55, 0.5) ;
 			}
 		}
+
 	}
 	.char.mouseover {
 		background: rgba(255,255,255,0.4);