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
+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);