Add thermals to 'Why' label
Fix profile tab spacing
Add arrows to profile sides scroller
This commit is contained in:
fraxle
2026-06-05 11:34:17 +01:00
parent 572574ae6a
commit 14a4b4623a
4 changed files with 49 additions and 4 deletions
+27 -1
View File
@@ -164,6 +164,7 @@
margin-bottom: 0;
scrollbar-width: none;
-ms-overflow-style: none;
padding-left: 4px; /* breathing room at left edge */
padding-right: 4px; /* breathing room at right edge */
}
.profile-scroll::-webkit-scrollbar { display: none; }
@@ -205,6 +206,25 @@
.profile-scroll-wrap.fade-left::before { opacity: 1; }
.profile-scroll-wrap.fade-right::after { opacity: 1; }
.profile-scroll-chevron {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 3;
pointer-events: none;
color: #8a6a3a;
font-size: 18px;
line-height: 1;
opacity: 0;
transition: opacity 0.2s ease;
user-select: none;
}
.profile-scroll-chevron.left { left: 4px; }
.profile-scroll-chevron.right { right: 4px; }
.profile-scroll-wrap.fade-left .profile-scroll-chevron.left { opacity: 1; }
.profile-scroll-wrap.fade-right .profile-scroll-chevron.right { opacity: 1; }
/* Vertical rule separating general-use profiles from technical ones */
.profile-divider {
display: inline-block;
@@ -1036,7 +1056,13 @@
/* ── Profile bar — single scroll row on all screen sizes ───────────
No wrapping needed; scroll strip handles layout. Dividers stay. */
.filter-profiles {
padding: 4px 10px 0;
padding: 4px 0 0;
}
.profile-tabs {
width: 100%;
margin-left: 0;
margin-right: 0;
}
/* Slightly smaller cards on mobile */