fix(labs): убрать слипание текста в левой панели Гонки

- Ширина 260 → 280px + overflow-x:hidden
- race-scene-card: padding 7→9px, gap между картами 5→7px, добавлен .race-scene-info { flex:1; min-width:0 } чтобы длинные заголовки не выпадали из карточки
- race-scene-title: .78→.82rem, line-height 1.3→1.4, word-break
- race-mover-card: padding 8→10/11/6px, margin-bottom 8→10px, добавлена нижняя граница у header для визуального разделения
- param-name .73→.78rem, param-val min-width 70→55px (умещается в 280px панель)
- race-stats-bar .pstat-label .68→.72rem с opacity 0.4→0.55, .pstat-val .82→.9rem (контраст лучше)
This commit is contained in:
Maxim Dolgolyov
2026-05-26 20:04:11 +03:00
parent af46290ca3
commit 1940c57f81
+30 -17
View File
@@ -2336,17 +2336,21 @@ canvas[data-draggable]:active { cursor: grabbing; }
/* Left panel */
.race-panel {
width: 260px;
flex: 0 0 260px;
width: 280px;
flex: 0 0 280px;
overflow-y: auto;
overflow-x: hidden;
background: rgba(255,255,255,0.018);
border-right: 1px solid var(--border);
padding: 8px 10px 12px;
padding: 10px 11px 14px;
font-size: .82rem;
display: flex;
flex-direction: column;
gap: 0;
}
.race-panel .param-block { margin-bottom: 8px; }
.race-panel .param-name { font-size: .78rem; }
.race-panel .param-val { font-size: .82rem; min-width: 55px; }
/* Quick bar */
.race-quick-bar {
@@ -2413,18 +2417,19 @@ canvas[data-draggable]:active { cursor: grabbing; }
.race-scenarios-list {
display: flex;
flex-direction: column;
gap: 5px;
gap: 7px;
}
.race-scene-card {
display: flex;
align-items: center;
gap: 8px;
padding: 7px 10px;
gap: 9px;
padding: 9px 11px;
border-radius: 8px;
border: 1.5px solid transparent;
background: rgba(255,255,255,0.025);
cursor: pointer;
transition: border-color .15s, background .15s;
min-width: 0;
}
.race-scene-card:hover {
background: rgba(255,255,255,0.05);
@@ -2439,27 +2444,34 @@ canvas[data-draggable]:active { cursor: grabbing; }
gap: 3px;
flex-shrink: 0;
}
.race-scene-info {
flex: 1;
min-width: 0;
}
.race-scene-title {
font-size: .78rem;
font-size: .82rem;
font-weight: 600;
color: var(--text);
line-height: 1.3;
line-height: 1.4;
word-break: break-word;
}
/* Mover param card */
.race-mover-card {
border: 1px solid var(--border);
border-radius: 8px;
padding: 8px 10px;
margin-bottom: 8px;
padding: 10px 11px 6px;
margin-bottom: 10px;
background: rgba(255,255,255,0.02);
}
.race-mover-header {
display: flex;
align-items: center;
gap: 6px;
margin-bottom: 6px;
font-size: .80rem;
gap: 7px;
margin-bottom: 10px;
padding-bottom: 7px;
border-bottom: 1px solid rgba(255,255,255,0.06);
font-size: .85rem;
}
/* Scene: canvas + graph + answer */
@@ -2585,14 +2597,15 @@ canvas[data-draggable]:active { cursor: grabbing; }
}
.race-stats-bar .pstat:last-child { border-right: none; }
.race-stats-bar .pstat-label {
font-size: .68rem;
color: rgba(255,255,255,0.4);
font-size: .72rem;
color: rgba(255,255,255,0.55);
text-transform: uppercase;
letter-spacing: .04em;
margin-bottom: 2px;
margin-bottom: 3px;
line-height: 1.2;
}
.race-stats-bar .pstat-val {
font-size: .82rem;
font-size: .9rem;
font-weight: 700;
font-family: 'Unbounded', sans-serif;
white-space: nowrap;