diff --git a/vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts b/vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts index ade53b5b..047c9873 100644 --- a/vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts +++ b/vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts @@ -45,6 +45,8 @@ describe('V2 production entry', () => { expect(mainSource).toContain("./v2/styles/v2.css"); expect(mainSource).toContain("./v2/styles/workspace.css"); expect(mainSource).toContain("window.history.scrollRestoration = 'manual'"); + expect(workspaceStyles).toContain('.v2-navigation.semi-navigation .semi-navigation-item-icon-toggle-right:empty'); + expect(workspaceStyles).toContain('.v2-mileage-source-trigger.semi-button .semi-button-content-right > b'); }); test('renders a static boot shell and recovers when the React entry never becomes ready', () => { 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 01561b60..790d4a47 100644 --- a/vehicle-data-platform/apps/web/src/v2/styles/workspace.css +++ b/vehicle-data-platform/apps/web/src/v2/styles/workspace.css @@ -267,6 +267,10 @@ transition: background-color .16s ease, color .16s ease, box-shadow .16s ease; } +.v2-navigation.semi-navigation .semi-navigation-item-icon-toggle-right:empty { + display: none; +} + .v2-navigation.semi-navigation .semi-navigation-item:hover { background: linear-gradient(90deg, #f7f9fc 0%, #fbfcfe 100%); } @@ -15296,16 +15300,23 @@ gap: 6px; } -.v2-mileage-source-trigger.semi-button .semi-button-content > span, -.v2-mileage-source-trigger.semi-button .semi-button-content > em { +.v2-mileage-source-trigger.semi-button .semi-button-content-right > span, +.v2-mileage-source-trigger.semi-button .semi-button-content-right > em { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } -.v2-mileage-source-trigger.semi-button .semi-button-content > b { +.v2-mileage-source-trigger.semi-button .semi-button-content-right > b { flex: 0 0 auto; margin-left: auto; + border-radius: 999px; + background: #eaf2ff; + padding: 2px 6px; + color: #2f67ac; + font-size: 9px; + font-weight: 720; + line-height: 16px; } .v2-mileage-source-trigger.semi-button:hover,