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 998603c2..a3b33173 100644 --- a/vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts +++ b/vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts @@ -278,6 +278,11 @@ describe('V2 production entry', () => { expect(corePageSources.UsersPage).not.toContain(' .v2-workspace-command-bar, + .v2-user-mobile-discovery > .v2-mobile-filter-toggle.semi-button { + min-height: 46px; + height: 46px; + margin: 0; + } + + .v2-user-discovery-shell > .v2-workspace-command-bar { + border: 1px solid #dce6f2; + border-radius: 9px; + padding: 5px 6px 5px 10px; + } + + .v2-user-command-bar .v2-workspace-command-copy { + gap: 1px; + } + + .v2-user-command-bar .v2-workspace-command-copy > .semi-typography:first-child { + font-size: 12px; + } + + .v2-user-command-bar .v2-workspace-command-copy > .semi-typography:last-child, + .v2-user-command-bar .v2-workspace-command-status, + .v2-user-command-bar .v2-workspace-command-meta { + display: none; + } + + .v2-user-command-bar .v2-workspace-command-actions > .semi-button { + min-height: 34px; + padding-inline: 9px !important; + } + + .v2-user-mobile-discovery { + display: block; + } + + .v2-user-mobile-discovery > .v2-mobile-filter-toggle.semi-button { + width: 100%; + border-radius: 9px; + padding: 5px 9px; + } + + .v2-user-directory-header.v2-workspace-panel-header { + min-height: 40px; + padding: 5px 9px; + } + + .v2-user-directory-header .v2-workspace-panel-copy { + gap: 1px; + } + + .v2-user-directory-header .v2-workspace-panel-copy strong { + font-size: 12px; + } + + .v2-user-directory-header .v2-workspace-panel-copy small, + .v2-user-directory-summary > .semi-typography { + display: none; + } + + .v2-user-directory-summary > .semi-tag { + min-height: 21px; + padding-inline: 7px; + font-size: 9px; + } + + .v2-user-directory-body { + padding: 0 6px 6px; + } + + .v2-customer-list-scroll { + padding-top: 5px; + } + + .v2-customer-list .semi-list-items { + gap: 5px; + } + + .v2-customer-list .v2-user-list-row.semi-list-item, + .v2-customer-list .v2-user-list-item.semi-button { + min-height: 62px; + } + + .v2-customer-list .v2-user-list-item.semi-button { + padding: 5px 8px; + } + + .v2-customer-list .v2-user-list-item .semi-button-content { + grid-template-columns: 32px minmax(0, 1fr) 58px auto; + gap: 3px 7px; + } + + .v2-user-avatar.semi-avatar { + width: 32px; + height: 32px; + border-radius: 8px; + font-size: 11px; + } + + .v2-user-list-identity b { + font-size: 12px; + line-height: 1.2; + } + + .v2-user-list-identity small { + margin-top: 2px; + font-size: 9px; + line-height: 1.2; + } + + .v2-user-list-facts b { + font-size: 9px; + line-height: 1.2; + } + + .v2-user-list-facts small { + font-size: 8px; + line-height: 1.2; + } + + .v2-user-status-tag.semi-tag { + min-width: 42px; + min-height: 21px; + font-size: 8px; + } + + .v2-user-editor-sidesheet .semi-sidesheet-header { + min-height: 54px; + padding: 6px 9px 6px 12px; + } + + .v2-user-editor-sheet-title { + gap: 7px; + } + + .v2-user-editor-sheet-title strong { + font-size: 15px; + } + + .v2-user-editor-context { + max-width: none; + font-size: 8px; + } + + .v2-user-editor-access-tag.semi-tag { + min-height: 18px; + margin-left: 6px; + padding-inline: 5px; + font-size: 7px; + } + + .v2-user-editor-sidesheet .v2-user-editor-tabs > .semi-tabs-bar { + min-height: 40px; + padding-inline: 12px; + } + + .v2-user-editor-sidesheet .v2-user-editor-tabs > .semi-tabs-bar .semi-tabs-tab { + min-height: 39px; + margin-right: 18px; + font-size: 10px; + } + + .v2-user-editor-sidesheet .v2-user-editor-tabs > .semi-tabs-content { + padding: 5px; + scroll-padding-bottom: 6px; + } + + .v2-user-editor-sidesheet .v2-user-editor-section > .semi-card-header { + min-height: 38px; + padding-inline: 10px; + } + + .v2-user-editor-sidesheet .v2-user-editor-section > .semi-card-header .semi-card-header-wrapper-title h6, + .v2-user-editor-sidesheet .v2-user-editor-section > .semi-card-header .semi-card-header-wrapper-title > span { + font-size: 12px; + } + + .v2-user-editor-sidesheet .v2-user-editor-section > .semi-card-body { + padding: 6px; + } + + .v2-user-section-actions > .semi-button { + min-height: 30px; + height: 30px; + } + + .v2-user-vehicle-section.is-composer-collapsed .v2-assigned-toolbar, + .v2-user-editor-sidesheet .v2-assigned-toolbar { + min-height: 34px; + grid-template-columns: auto minmax(190px, 1fr); + align-items: center; + gap: 7px; + margin: 0; + padding: 0; + } + + .v2-user-editor-sidesheet .v2-assigned-toolbar > span { + display: block; + } + + .v2-user-editor-sidesheet .v2-assigned-toolbar small { + display: none; + } + + .v2-user-editor-sidesheet .v2-assigned-toolbar > .semi-input-wrapper { + min-height: 34px; + height: 34px; + } + + .v2-user-editor-sidesheet .v2-assigned-toolbar .semi-input { + height: 32px; + font-size: 10px; + } + + .v2-user-editor-sidesheet .v2-assigned-vins { + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 5px; + margin-top: 5px; + } + + .v2-user-editor-sidesheet .v2-assigned-vins > .v2-assigned-vehicle-card.is-mobile-compact.semi-card { + min-height: 72px; + padding: 5px 7px; + contain-intrinsic-size: auto 72px; + } + + .v2-user-editor-sidesheet .v2-assigned-vehicle-card.is-mobile-compact > .semi-card-body > header { + min-height: 30px; + } + + .v2-user-editor-sidesheet .v2-assigned-vehicle-card > .semi-card-body > header b { + font-size: 11px; + } + + .v2-user-editor-sidesheet .v2-assigned-vehicle-card > .semi-card-body > header small { + margin-top: 1px; + font-size: 8px; + } + + .v2-user-editor-sidesheet .v2-assigned-vehicle-card.is-mobile-compact .v2-assigned-vehicle-actions > .semi-button, + .v2-user-editor-sidesheet .v2-assigned-vehicle-card.is-mobile-compact .v2-assigned-vehicle-actions > .semi-button:first-child { + min-height: 30px; + height: 30px; + } + + .v2-user-editor-sidesheet .v2-assigned-vehicle-card.is-mobile-compact .v2-assigned-vehicle-actions > .semi-button:first-child { + min-width: 66px; + padding-inline: 5px; + font-size: 9px; + } + + .v2-user-editor-sidesheet .v2-assigned-vehicle-card.is-mobile-compact > .semi-card-body > .v2-assigned-vehicle-interval { + gap: 3px; + margin-top: 3px; + padding-top: 3px; + } + + .v2-user-editor-sidesheet .v2-assigned-vehicle-interval small { + font-size: 8px; + } + + .v2-user-editor-sidesheet .v2-assigned-vehicle-interval strong { + font-size: 9px; + } + + .v2-user-editor-sidesheet .v2-assigned-pagination { + min-height: 36px; + margin-top: 2px; + padding-top: 2px; + } + + .v2-user-editor-sidesheet .semi-sidesheet-footer { + min-height: 48px; + padding: 5px 8px; + } + + .v2-user-editor-sheet-footer { + grid-template-columns: auto minmax(150px, 180px); + gap: 8px; + } + + .v2-user-save-state > .semi-tag { + min-width: 46px; + min-height: 22px; + font-size: 9px; + } + + .v2-user-editor-sheet-footer > .semi-button { + width: 100%; + min-height: 38px; + height: 38px; + } + + .v2-user-identity-overview { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + + .v2-user-identity-overview > div, + .v2-user-identity-overview > div:nth-child(3) { + min-height: 48px; + grid-column: auto; + border-top: 0; + padding: 6px 8px; + } + + .v2-user-identity-overview > div:nth-child(3) { + border-left: 1px solid #e1e9f2; + } + + .v2-user-field-group > header { + min-height: 40px; + padding: 5px 8px; + } + + .v2-user-field-group > .v2-user-fields { + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 7px; + padding: 7px; + } + + .v2-user-menu-overview { + min-height: 54px; + grid-template-columns: 70px minmax(0, 1fr); + padding: 6px 9px; + } + + .v2-user-editor-sidesheet .v2-user-menu-section .v2-menu-permissions { + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 5px; + } + + .v2-user-editor-sidesheet .v2-user-menu-section .v2-menu-permissions label { + min-height: 54px; + padding: 7px 8px; + } +}