Add monoline icons to the topbar coordinates/sun readout
WAYPOINT_ICON (coords) and PENDING_ICON (countdown) reused as-is; two new
hand-drawn SUNRISE_ICON/SUNSET_ICON since NPS's symbol set has no match —
same currentColor stroke style as the rest of icons.js, so they render
monochrome in the dark topbar rather than colored emoji.
sun.js's formatSunInfo now returns {sunrise, sunset, countdown} instead of
one joined string, so map.js can place its own icon in front of each
piece instead of the module owning any markup.
This commit is contained in:
1 parent
b5466b53e4
commit
a5adb39770
4 files changed
+63
-6
No files matched your search
@@ -36,11 +36,36 @@ html, body {
|
||||
|
||||
.topbar__coords,
|
||||
.topbar__sun {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
font-size: 12px;
|
||||
font-variant-numeric: tabular-nums;
|
||||
color: #bbb;
|
||||
}
|
||||
|
||||
.topbar__sun {
|
||||
gap: 14px;
|
||||
}
|
||||
|
||||
.topbar__group {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.topbar__icon {
|
||||
display: flex;
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.topbar__icon svg {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.topbar__coords {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
Reference in new issue
Block a user