Make profile bar sticky
Change to 24 hour cycle
This commit is contained in:
fraxle
2026-07-24 17:38:10 +01:00
parent e1f6efdb8b
commit 7068ad91a9
5 changed files with 37 additions and 7 deletions
+1 -1
View File
@@ -284,7 +284,7 @@
/* Fixed-width label prevents the bar from shifting when text swaps */
.scope-play-label {
display: inline-block;
min-width: 58px;
min-width: 64px;
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-variant-numeric: tabular-nums;
}
+22
View File
@@ -338,6 +338,11 @@
color: #6a4c1a;
transition: background 0.15s, border-color 0.15s, box-shadow 0.15s;
}
@media (min-width: 1024px) {
.floating-profile-btn {
display: none;
}
}
.floating-profile-btn:hover { background: #fff; border-color: #c8922a; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.14); }
.floating-profile-btn.is-open { background: #fff; border-color: #c8922a; }
.floating-profile-icon { font-size: 16px; line-height: 1; flex: none; }
@@ -470,6 +475,23 @@
cursor: pointer;
transition: filter 0.15s, border-color 0.15s;
}
/* Remove alpha from the default fallback color and any potential inherited
semi-transparent backgrounds while keeping the hue. */
.active-profile-row:not([style*="background"]) {
background-color: #fdf8ee;
}
@media (min-width: 1024px) {
.active-profile-row {
position: sticky;
top: 0 !important; /* Stick to the very top of the viewport */
z-index: 11;
}
.utci-thead-sticky {
position: sticky;
top: 28px !important; /* Corrected to match the height of the active-profile-row + margins */
z-index: 10;
}
}
.active-profile-row:hover,
.active-profile-row:focus-visible {
filter: brightness(1.06);
+6 -3
View File
@@ -1392,14 +1392,17 @@
.utci-footer {
margin-top: 36px;
padding-top: 20px;
padding: 10px 0;
font-family: Manrope, sans-serif;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.07em;
color: #9a7d5a;
line-height: 2.2;
display: flex;
flex-direction: column;
justify-content: center;
line-height: 1.2;
}
/* The "Reading the table." intro snippet */
@@ -1415,7 +1418,7 @@
/* Site-wide footer - matches about and faq pages */
.utci-site-footer {
text-align: center;
padding: 2rem 1.5rem;
padding: 10px 1.5rem;
font-size: 0.82rem;
color: #b09870;
border-top: 1px solid #e0d0a8;