shishengliang/lingniu-vehicle-ingest
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: refine short landscape account governance

Browse Source
This commit is contained in:
lingniu
2026-07-19 03:26:48 +08:00
parent bbacf3b913
commit 2372d63823
2 changed files with 364 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
vehicle-data-platform/apps/web/src/v2/productionEntry.test.ts
View File

@@ -278,6 +278,11 @@ describe('V2 production entry', () => {
expect(corePageSources.UsersPage).not.toContain('<details'); expect(corePageSources.UsersPage).not.toContain('<details');
expect(corePageSources.UsersPage).not.toContain('<summary'); expect(corePageSources.UsersPage).not.toContain('<summary');
expect(corePageSources.UsersPage).not.toContain('<button'); expect(corePageSources.UsersPage).not.toContain('<button');
expect(workspaceStyles).toContain('Short landscape account governance.');
expect(workspaceStyles).toContain('.v2-user-discovery-shell {');
expect(workspaceStyles).toContain('grid-template-columns: minmax(260px, 1.08fr) minmax(220px, .92fr);');
expect(workspaceStyles).toContain('.v2-user-editor-sidesheet .v2-assigned-vins {');
expect(workspaceStyles).toContain('grid-template-columns: repeat(2, minmax(0, 1fr));');
expect(corePageSources.OperationsPage).toContain('<Checkbox'); expect(corePageSources.OperationsPage).toContain('<Checkbox');
expect(corePageSources.OperationsPage).toContain('<Input'); expect(corePageSources.OperationsPage).toContain('<Input');
expect(corePageSources.OperationsPage).toContain('<Card className="v2-source-diagnostic"'); expect(corePageSources.OperationsPage).toContain('<Card className="v2-source-diagnostic"');

359
vehicle-data-platform/apps/web/src/v2/styles/workspace.css
View File

@@ -18544,3 +18544,362 @@
gap: 7px; gap: 7px;
} }
} }
/*
* Short landscape account governance.
* Keep account discovery and permission editing as two compact workspaces:
* directory controls share one row, while four vehicle grants form a 2 × 2
* evidence grid without shrinking the touch targets used to edit or remove.
*/
@media (max-width: 900px) and (max-height: 480px) and (orientation: landscape) {
.v2-user-admin {
gap: 5px;
padding: 5px 6px 8px;
}
.v2-user-discovery-shell {
display: grid;
grid-template-columns: minmax(260px, 1.08fr) minmax(220px, .92fr);
align-items: stretch;
gap: 5px;
border: 0;
background: transparent;
box-shadow: none;
}
.v2-user-discovery-shell > .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;
}
}