1.7.5
Mini scopes bigger
This commit is contained in:
+14
-4
@@ -656,6 +656,10 @@
|
||||
font-size: 16px;
|
||||
color: #1e1208 !important;
|
||||
}
|
||||
.utci-time svg {
|
||||
margin: -6px 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 800px) {
|
||||
.utci-time {
|
||||
@@ -859,7 +863,7 @@
|
||||
Drop side padding 12px to 4px, shrink min-width 60px to 44px.
|
||||
JetBrains Mono at 11px reads cleanly on retina screens. */
|
||||
.utci-table td {
|
||||
padding: 8px 4px;
|
||||
padding: 10px 4px;
|
||||
font-size: 11px;
|
||||
min-width: 44px;
|
||||
}
|
||||
@@ -875,11 +879,12 @@
|
||||
}
|
||||
|
||||
/* -- 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. */
|
||||
.utci-time svg {
|
||||
width: 20px !important;
|
||||
height: 20px !important;
|
||||
width: 34px !important;
|
||||
height: 34px !important;
|
||||
margin: -5px 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
@@ -891,6 +896,11 @@
|
||||
height: 20px !important;
|
||||
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 -------------------------------------------------
|
||||
Shrink min-width and font - still the visual anchor but no longer
|
||||
|
||||
Reference in New Issue
Block a user