Skip to content

Commit 4412000

Browse files
authored
Add center crosshair to the OSD helper lines (#3239)
1 parent c086395 commit 4412000

File tree

1 file changed

+17
-0
lines changed

1 file changed

+17
-0
lines changed

src/css/tabs/osd.less

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -226,10 +226,27 @@
226226
}
227227

228228
&:active {
229+
230+
&:before {
231+
content: '';
232+
position: absolute;
233+
top: 50%;
234+
left: 40%;
235+
border-top: 0.3em dashed var(--gimbalCrosshair);
236+
width: 20%;
237+
transform: translateY(-50%);
238+
pointer-events: none;
239+
}
240+
241+
&:after:extend(.tab-osd .preview:active:before) {
242+
transform: translateY(-50%) rotate(90deg);
243+
}
244+
229245
.char {
230246
border: 1px dashed rgba(55, 55, 55, 0.5) ;
231247
}
232248
}
249+
233250
}
234251
.char.mouseover {
235252
background: rgba(255,255,255,0.4);

0 commit comments

Comments
 (0)