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

1.7.5

Browse Source 
Mini scopes bigger
This commit is contained in:
fraxle
2026-05-23 15:36:07 +01:00
parent e68d1d7cd2
commit 4e98c46cac
2 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/css/table.css
+14 -4
View File
@@ -656,6 +656,10 @@
font-size: 16px; font-size: 16px;
color: #1e1208 !important; color: #1e1208 !important;
} }
.utci-time svg {
margin: -6px 0;
flex-shrink: 0;
}
@media (max-width: 800px) { @media (max-width: 800px) {
.utci-time { .utci-time {
@@ -859,7 +863,7 @@
Drop side padding 12px to 4px, shrink min-width 60px to 44px. Drop side padding 12px to 4px, shrink min-width 60px to 44px.
JetBrains Mono at 11px reads cleanly on retina screens. */ JetBrains Mono at 11px reads cleanly on retina screens. */
.utci-table td { .utci-table td {
padding: 8px 4px; padding: 10px 4px;
font-size: 11px; font-size: 11px;
min-width: 44px; min-width: 44px;
} }
@@ -875,11 +879,12 @@
} }
/* -- SkyScope moon-sun icon in the hour cell --------------------------- /* -- SkyScope moon-sun icon in the hour cell ---------------------------
JS renders at size=30. Clamp to 20px via CSS to stop it ballooning JS renders at size=38. Clamp to 25px via CSS to stop it ballooning
the hour column width and driving up row height. */ the hour column width and driving up row height. */
.utci-time svg { .utci-time svg {
width: 20px !important; width: 34px !important;
height: 20px !important; height: 34px !important;
margin: -5px 0;
flex-shrink: 0; flex-shrink: 0;
} }
@@ -891,6 +896,11 @@
height: 20px !important; height: 20px !important;
flex-shrink: 0; flex-shrink: 0;
} }
/* Override for SkyScope - keep it larger than other cell icons */
.utci-table td.utci-time svg {
width: 26px !important;
height: 26px !important;
}
/* -- Hero UTCI+P pill ------------------------------------------------- /* -- Hero UTCI+P pill -------------------------------------------------
Shrink min-width and font - still the visual anchor but no longer Shrink min-width and font - still the visual anchor but no longer
assets/js/app.js
+1 -1
View File
@@ -568,7 +568,7 @@ ${isPro && (activeProfile === 'custom' || activeCols['air']) && html`<button cla
class=${`${isNight ? 'is-night' : ''} ${isNow ? 'is-now' : ''}`.trim()}> class=${`${isNight ? 'is-night' : ''} ${isNow ? 'is-now' : ''}`.trim()}>
<td class="utci-time"> <td class="utci-time">
<span style=${{ display: 'inline-flex', alignItems: 'center', gap: '7px', verticalAlign: 'middle' }}> <span style=${{ display: 'inline-flex', alignItems: 'center', gap: '7px', verticalAlign: 'middle' }}>
<${SkyScope} elev=${r.elev} dt=${r.dt} glob=${r.glob} size=${30} /> <${SkyScope} elev=${r.elev} dt=${r.dt} glob=${r.glob} size=${38} />
<span>${localHHMM}</span> <span>${localHHMM}</span>
${(() => { ${(() => {
const rowEvents = getCellTagEvents(selectedDayEvents, r); const rowEvents = getCellTagEvents(selectedDayEvents, r);