mirror of
https://github.com/bilawalsidhu/gods-eye-view.git
synced 2026-11-05 10:53:59 +00:00
feat(ui): tilt and north-up compass controls (#571)
Supersedes #442 by @yashveeeeeeer, ported onto the current component layout with fixes from review. Verified before merge: format, package boundaries, unit suite, build, and the browser tracking suite; a browser harness for the change where one applies; adversarial review applied. Co-authored-by: Yashveer Singh <[email protected]>
This commit is contained in:
1 parent
fb5ee5aa36
commit
d9fac6d88e
14 files changed
+895
-13
No files matched your search
@@ -53,6 +53,33 @@
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#tilt-map-view[aria-pressed='true'] {
|
||||
border-color: var(--accent);
|
||||
color: var(--accent);
|
||||
box-shadow: 0 0 14px rgba(0, 212, 255, 0.18);
|
||||
}
|
||||
|
||||
#north-up-view {
|
||||
--camera-heading: 0deg;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.camera-compass-n {
|
||||
position: absolute;
|
||||
top: 2px;
|
||||
color: var(--accent);
|
||||
font-family: var(--font-mono);
|
||||
font-size: 8px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
#north-up-view .camera-compass-needle {
|
||||
font-size: 17px;
|
||||
transform: rotate(calc(-1 * var(--camera-heading)));
|
||||
transition: transform var(--transition-fast);
|
||||
}
|
||||
|
||||
#global-loading-status {
|
||||
position: fixed;
|
||||
top: 74px;
|
||||
|
||||
Reference in new issue
Block a user