gitadmin/sunscope
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

5.5

Browse Source 
New big and small scope sunset and sunrise simulation
New calculations for the day tabs
Added missing icons to simple view
New record popups
Week ahead description popups
Camping profile
Tweak to some of the indoor tems
This commit is contained in:
fraxle
2026-10-08 09:53:41 +01:00
parent 71860b9dd9
commit 862f631beb
22 changed files with 2169 additions and 429 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/ui.css
+70 -4
View File
@@ -119,9 +119,17 @@
color: #4a3420;
line-height: 1.55;
}
/* Footer row of a card — the visibility note (when there is one) and the
Quick Record pill share a line, and wrap onto two in a narrow column. */
.almanac-entry-foot {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin-top: 6px;
}
.almanac-entry-visibility {
display: inline-block;
margin-top: 5px;
font-family: Manrope, sans-serif;
font-size: 10px;
font-weight: 700;
@@ -133,6 +141,38 @@
border-radius: 3px;
padding: 2px 7px;
}
/* Quick Record — files this event under its peak date in the journal (see
quickRecord in app.js). Same brass pill as the event banner's and the
table popup's, sized down for the card. */
.almanac-entry-record {
display: inline-flex;
align-items: center;
gap: 5px;
flex-shrink: 0;
padding: 3px 8px;
border: 1px solid rgba(200, 146, 42, 0.45);
border-radius: 999px;
background: rgba(200, 146, 42, 0.13);
font-family: Manrope, sans-serif;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #8a6414;
line-height: 1;
cursor: pointer;
transition: background 0.2s, color 0.2s, border-color 0.2s;
}
.almanac-entry-record:hover {
background: rgba(200, 146, 42, 0.28);
border-color: rgba(200, 146, 42, 0.75);
color: #6b4a0c;
}
.almanac-entry-record:focus-visible {
outline: 2px solid #c8922a;
outline-offset: 1px;
}
.almanac-entry-accent {
width: 3px;
align-self: stretch;
@@ -683,7 +723,6 @@
border-color: #c8922a;
color: #c8922a;
background: #f5edd6;
font-weight: 600;
}
.cs-vent.on:hover {
background: #fef3dc;
@@ -1331,12 +1370,21 @@
}
/* Site-wide footer - matches about and faq pages */
/* Bookends .utci-topnav at the other end of the page, with the same deep-honey
bar, warm border and shadow — the shadow just points up instead of down.
Full-bleed the same way the header is: cancel .utci-app's side padding and
its 32px bottom (base.css) so the bar reaches the left, right and bottom
edges, then pad itself back so the text lines up with the content above. */
.utci-site-footer {
margin: 32px calc(var(--app-pad) * -1) -32px;
position: relative; /* keeps the upward shadow over the content it covers */
text-align: center;
padding: 10px 1.5rem;
padding: 18px var(--app-pad);
font-size: 0.82rem;
color: #b09870;
border-top: 1px solid #e0d0a8;
background: #ebdcb4;
border-top: 1px solid #c9b08a;
box-shadow: 0 -3px 8px rgba(30, 18, 8, 0.10);
font-family: Manrope, sans-serif;
font-weight: 600;
text-transform: none;
@@ -1690,6 +1738,24 @@
}
.insight-panel--week .insight-row--week-note .insight-value::before { content: none; }
/* Score rows open an explanatory popup on click/tap (the icon and score
used to lean on `title=` tooltips, which never show on touch). */
.insight-panel--week .insight-row--clickable {
cursor: pointer;
border-radius: 5px;
margin: 0 -6px;
padding: 4px 6px;
transition: background 0.12s;
}
.insight-panel--week .insight-row--clickable:hover,
.insight-panel--week .insight-row--clickable.is-open {
background: #f3ead2;
}
.insight-panel--week .insight-row--clickable:focus-visible {
outline: 2px solid #b07d1e;
outline-offset: 1px;
}
/* How good the day is out of 100 — the bar does the comparing, the number
settles close calls. */
.week-score {