Bypass the rendering pipeline for highlighting to reduce (eliminate) latency
Fixes #15
This commit is contained in:
@@ -141,6 +141,14 @@ body {
|
||||
background-color: var(--label);
|
||||
}
|
||||
|
||||
.editor li.label.highlight {
|
||||
background: repeating-linear-gradient(
|
||||
-45deg,
|
||||
transparent 0 10px,
|
||||
rgba(255,0,0,0.3) 10px 20px
|
||||
), var(--label);
|
||||
}
|
||||
|
||||
.editor li.help {
|
||||
padding: 10px;
|
||||
font-size: 16px;
|
||||
@@ -260,6 +268,10 @@ body {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.gridGraphLabel.highlight {
|
||||
color: var(--focus);
|
||||
}
|
||||
|
||||
.gridGroup {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
@@ -283,14 +295,12 @@ body {
|
||||
overflow: hidden;
|
||||
overflow-wrap: anywhere;
|
||||
z-index: 1;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.gridLines {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 2;
|
||||
pointer-events: none;
|
||||
--line-color: var(--line);
|
||||
}
|
||||
|
||||
@@ -307,7 +317,6 @@ body {
|
||||
z-index: 3;
|
||||
border-radius: 4px;
|
||||
padding: 3px;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.gridArrow {
|
||||
|
||||
Reference in New Issue
Block a user