dirtydishes/islandflow
1
0
Fork 0
Code Issues 2 Pull requests 4 Projects Releases Packages Wiki Activity Actions 1

Overlay off-exchange equity prints on chart

Browse source 
Adds a canvas overlay to the equity candle chart to render off-exchange prints with a toggle/legend, fetching viewport-bounded data and updating live via the equities websocket.
This commit is contained in:
dirtydishes 2026-01-20 11:05:49 -05:00
parent 52f7ad82c6
commit 4dd7b03810
2 changed files with 402 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

33
apps/web/app/globals.css
View file

@ -336,6 +336,39 @@ h1 {
color: #5b4c34;
}
.overlay-toggle {
border: 1px solid rgba(31, 74, 123, 0.35);
border-radius: 999px;
padding: 6px 12px;
background: rgba(31, 74, 123, 0.12);
color: #1f4a7b;
font-size: 0.7rem;
letter-spacing: 0.12em;
text-transform: uppercase;
cursor: pointer;
}
.overlay-toggle.overlay-toggle-on {
border-color: rgba(31, 74, 123, 0.6);
background: rgba(31, 74, 123, 0.2);
}
.overlay-toggle:focus-visible {
outline: 2px solid rgba(31, 74, 123, 0.4);
outline-offset: 2px;
}
.overlay-legend {
color: #6f5b39;
font-size: 0.75rem;
}
@media (max-width: 700px) {
.overlay-legend {
flex: 1 1 100%;
}
}
.chart-status {
display: inline-flex;
align-items: center;