diff --git a/vehicle-data-platform/apps/web/src/v2/styles/workspace.css b/vehicle-data-platform/apps/web/src/v2/styles/workspace.css index 7ef4de90..1598d08a 100644 --- a/vehicle-data-platform/apps/web/src/v2/styles/workspace.css +++ b/vehicle-data-platform/apps/web/src/v2/styles/workspace.css @@ -26909,6 +26909,121 @@ } } +/* + * Semi UI single-vehicle readability pass. + * Keep the map-first mobile density, but remove low-value microcopy from the + * live rail and raise the identity, source and location hierarchy to the same + * readable scale used by the monitor workspace. + */ +.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-workspace-command-eyebrow { + font-size: 10px; +} + +.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-plate { + font-size: 18px; +} + +.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-vin b { + font-size: 11px; +} + +.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-meta small, +.v2-vehicle-record-v3 .v2-vehicle-live-source-context > small { + font-size: 10px; +} + +.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-meta strong { + font-size: 12px; +} + +.v2-vehicle-record-v3 .v2-vehicle-live-metric-rail .v2-workspace-metric-list > span > small, +.v2-vehicle-record-v3 .v2-vehicle-live-metric-rail .v2-workspace-metric-action .semi-button-content > small { + font-size: 11px; +} + +.v2-vehicle-record-v3 .v2-vehicle-live-metric-rail .v2-workspace-metric-list > span > em, +.v2-vehicle-record-v3 .v2-vehicle-live-metric-rail .v2-workspace-metric-action .semi-button-content > em, +.v2-vehicle-record-v3 .v2-vehicle-live-source-context > em { + font-size: 10px; +} + +.v2-vehicle-record-v3 .v2-current-location small { + font-size: 11px; +} + +.v2-vehicle-record-v3 .v2-current-location strong { + font-size: 12px; +} + +@media (max-width: 680px) { + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-header.v2-vehicle-record-command .v2-workspace-command-eyebrow { + font-size: 9px; + } + + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-header.v2-vehicle-record-command .v2-plate { + font-size: 16px; + } + + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-vin small, + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-vin b { + font-size: 10px; + } + + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-meta small { + font-size: 9px; + } + + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-meta strong { + font-size: 11px; + } + + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-sources .semi-tag { + font-size: 8px; + } + + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-section .v2-live-report-meta { + font-size: 9px; + } + + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-metric-rail .v2-workspace-metric-list > span > small, + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-metric-rail .v2-workspace-metric-action .semi-button-content > small { + font-size: 10px; + } + + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-metric-rail .v2-workspace-metric-list > span > strong, + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-metric-rail .v2-workspace-metric-action .semi-button-content > strong, + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-metric-rail .v2-workspace-metric-list > span.is-secondary > strong, + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-metric-rail .v2-workspace-metric-list > span.is-secondary .v2-workspace-metric-action strong { + font-size: 17px; + line-height: 19px; + } + + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-metric-rail .v2-workspace-metric-list > span:not(.is-action) > em { + display: none; + } + + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-metric-rail .v2-workspace-metric-action .semi-button-content > em { + justify-self: end; + font-size: 0; + } + + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-live-action-note > .semi-icon { + font-size: 10px; + } + + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-card .v2-current-location small { + font-size: 9px; + } + + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-command-card .v2-current-location strong { + font-size: 10px; + } + + .v2-vehicle-record-v3.is-mobile-layout .v2-vehicle-section-nav > .semi-button { + font-size: 9px; + } +} + /* * Semi UI identity convergence. * Give high-value workspaces one shared visual grammar: a semantic Semi