lingniu
d6b957dfc8
Add monitoring metrics, numeric sorting, report-time display, vehicle number labels, and map layout fixes. Include accumulated mileage, hydrogen, OneOS authentication, open platform, ingestion, deployment, and UI updates. Exclude temporary files, generated reports, and credentials. Validate frontend 632 tests and production build, API packages, vehicle-map tests, and release installer tests. Gateway suite has one pre-existing date-sensitive identity throttling test failure reproduced on the parent commit.
274 lines
21 KiB
CSS
274 lines
21 KiB
CSS
/* Dense operational workspaces: identity, query, results, and contextual actions. */
|
|
.fleet-workflow { font-size: 12px; line-height: 1.45; gap: 8px; }
|
|
.fleet-workflow :is(h1,h2,h3,h4,h5,p) { margin-block: 0; }
|
|
.fleet-workflow :is(.semi-button,.semi-input,.semi-select,.semi-tag) { font-size: 12px; }
|
|
.fleet-workflow :is(.semi-button,.semi-select,.semi-input-wrapper) { min-height: 30px; }
|
|
.fleet-workflow :is(.semi-card,.v2-filterbar) { border-radius: 6px; box-shadow: none; }
|
|
.fleet-workflow :is(.v2-workspace-command-bar,.v2-workspace-panel-header) { padding: 8px 12px; min-height: 44px; }
|
|
.fleet-workflow :is(.v2-workspace-command-title,h1) { font-size: 18px; line-height: 1.3; }
|
|
.fleet-workflow :is(h3,h4,h5,.v2-plate) { font-size: 14px; line-height: 1.4; }
|
|
.fleet-workflow .v2-workspace-metric-list { gap: 0; }
|
|
.fleet-workflow .v2-workspace-metric-list > span { min-height: 52px; padding: 6px 12px; }
|
|
.fleet-workflow .v2-workspace-metric-list strong { font-size: 19px; line-height: 1.25; }
|
|
.fleet-workflow .v2-workspace-metric-list :is(small,em) { font-size: 11px; }
|
|
.fleet-workflow .v2-workspace-metric-action { padding: 0; min-height: 38px; }
|
|
.fleet-workflow .v2-workspace-metric-context { padding: 6px 12px; }
|
|
.fleet-workflow .v2-monitor-summary-support :is(strong,small) { font-size: 12px; }
|
|
.fleet-workflow .v2-monitor-summary-support em { display: none; }
|
|
.fleet-workflow .v2-filterbar { padding: 8px 10px; gap: 8px; }
|
|
.fleet-workflow .v2-monitor-filter-fields { gap: 8px; }
|
|
.fleet-workflow .v2-vehicle-row { min-height: 48px; padding: 6px 10px; }
|
|
.fleet-workflow .v2-vehicle-row :is(strong,small) { font-size: 12px; line-height: 1.4; }
|
|
.fleet-workflow :is(.v2-vehicle-rail > header,.v2-vehicle-rail > footer) { padding: 8px 10px; min-height: 32px; font-size: 12px; }
|
|
.fleet-workflow .v2-rail-search { padding: 4px 10px; min-height: 26px; }
|
|
.fleet-workflow :is(.business-data-table,.semi-table) { font-size: 12px; }
|
|
.fleet-workflow :is(.business-data-table,.semi-table) :is(th,td) { padding: 6px 10px; font-size: 12px; }
|
|
.fleet-workflow :is(.v2-monitor-live-value,.v2-monitor-vehicle-action strong,.v2-vehicle-directory-identity strong,.v2-vehicle-directory-profile strong) { font-size: 12px; }
|
|
.fleet-workflow :is(.v2-monitor-vehicle-action,.v2-vehicle-directory-identity,.v2-vehicle-directory-profile) { min-height: 32px; gap: 0; padding: 0; }
|
|
.fleet-workflow :is(.v2-monitor-vehicle-action span,.v2-vehicle-directory-identity small,.v2-vehicle-directory-profile small,.v2-monitor-coordinate) { font-size: 11px; line-height: 1.4; }
|
|
.fleet-row-actions { display: flex; gap: 10px; white-space: nowrap; }
|
|
.fleet-row-actions a { color: var(--semi-color-primary); text-decoration: none; }
|
|
.fleet-row-actions a:hover { text-decoration: underline; }
|
|
.fleet-status { white-space: nowrap; }
|
|
.fleet-status.is-driving,.fleet-status.is-online { color: var(--semi-color-success); }
|
|
.fleet-results-toolbar { display: flex; align-items: center; gap: 16px; min-height: 38px; padding: 4px 12px; border-bottom: 1px solid var(--semi-color-border); }
|
|
.fleet-results-toolbar h5 { font-size: 13px; }
|
|
.fleet-results-toolbar > span { flex: 1; color: var(--semi-color-text-2); font-size: 12px; }
|
|
.fleet-workflow .v2-vehicle-discovery-shell { gap: 8px; padding: 0; }
|
|
.fleet-workflow .v2-vehicle-query-panel { padding: 8px 12px; }
|
|
.fleet-workflow .v2-vehicle-business-filter-grid { gap: 8px; }
|
|
.fleet-workflow .v2-vehicle-business-filter-grid label { gap: 3px; font-size: 11px; }
|
|
.fleet-workflow .v2-vehicle-directory-context { padding: 6px 12px; }
|
|
.fleet-workflow .v2-vehicle-section-nav { display: flex; flex-wrap: wrap; gap: 4px; padding: 6px 10px; }
|
|
.fleet-workflow .v2-record-grid { gap: 8px; }
|
|
.fleet-workflow .v2-record-grid.is-focused-section { display: block; }
|
|
.fleet-workflow .v2-record-section-anchor[hidden] { display: none !important; }
|
|
.fleet-workflow .v2-record-grid.is-focused-section > :not([hidden]) { width: 100%; }
|
|
.fleet-workflow .v2-telemetry-metric-grid { grid-template-columns: repeat(auto-fill,minmax(190px,1fr)); gap: 6px; padding: 8px 12px; }
|
|
.fleet-workflow .v2-telemetry-metric { padding: 8px; min-height: 68px; }
|
|
.fleet-workflow .v2-telemetry-metric-value strong { font-size: 18px; }
|
|
.fleet-workflow .v2-track-query { padding: 10px 12px; gap: 8px; }
|
|
.fleet-workflow .v2-track-list-action { padding: 8px 10px; min-height: 48px; }
|
|
.fleet-workflow .v2-track-list-action :is(strong,small,em) { font-size: 12px; }
|
|
.fleet-workflow .v2-track-current-metrics strong { font-size: 18px; }
|
|
.fleet-workflow .v2-track-current-metrics { padding: 8px 12px; }
|
|
.fleet-workflow .v2-track-current-card > .semi-card-body > p { margin: 0; padding: 6px 12px; font-size: 11px; }
|
|
.fleet-workflow .v2-track-overview-card-body { padding: 10px 12px; }
|
|
@media (min-width: 761px) {
|
|
.fleet-workflow.v2-monitor-page .v2-monitor-workspace { grid-template-columns: 248px minmax(0,1fr); }
|
|
.fleet-workflow.v2-monitor-page .v2-monitor-workspace.is-detail-open { grid-template-columns: 248px minmax(0,1fr) 300px; }
|
|
.fleet-workflow .v2-vehicle-search-form { gap: 8px; }
|
|
.fleet-workflow .v2-vehicle-command-header { padding: 10px 12px; }
|
|
.fleet-workflow .v2-vehicle-live-section { padding: 0 12px 8px; }
|
|
}
|
|
@media (max-width: 760px) {
|
|
.fleet-workflow :is(.semi-button,.semi-select,.semi-input-wrapper) { min-height: 40px; }
|
|
.fleet-workflow .v2-workspace-metric-action { min-height: 40px; }
|
|
.fleet-workflow .v2-workspace-metric-list > span { padding: 6px 8px; }
|
|
.fleet-workflow .v2-workspace-metric-list strong { font-size: 17px; }
|
|
.fleet-results-toolbar { flex-wrap: wrap; gap: 6px 10px; }
|
|
.fleet-results-toolbar > span { flex-basis: 50%; font-size: 11px; }
|
|
.fleet-workflow .v2-vehicle-section-nav { flex-wrap: nowrap; overflow-x: auto; }
|
|
.fleet-workflow .v2-vehicle-section-nav > * { flex-shrink: 0; }
|
|
}
|
|
|
|
/* Compound fleet controls own their content height; global compact buttons are single-line. */
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow :is(.v2-vehicle-row,.v2-track-list-action).semi-button {
|
|
height: auto; min-height: 48px; padding: 6px 10px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-vehicle-action.semi-button {
|
|
height: auto; min-height: 32px; padding: 0; white-space: normal;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-workspace-metric-rail.is-queue .v2-workspace-metric-list {
|
|
padding: 0; gap: 0;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-workspace-metric-rail.is-queue .v2-workspace-metric-list > [role="listitem"] {
|
|
padding: 6px 12px; min-height: 52px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-workspace-metric-rail.is-queue .v2-workspace-metric-list > [role="listitem"] strong {
|
|
font-size: 19px; line-height: 1.25;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-workspace-metric-rail .v2-workspace-metric-action.semi-button {
|
|
height: auto; min-height: 38px; padding: 0;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-vehicle-query-panel { padding: 0; }
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-vehicle-search-form { padding: 8px 12px; gap: 8px; }
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-vehicle-business-filter-grid { gap: 8px; }
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-track-query { padding: 10px 12px; gap: 8px; }
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-track-query > .v2-track-query-button { height: 32px; min-height: 32px; }
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-track-list-action .semi-button-content :is(strong,small,em) { font-size: 12px; line-height: 17px; }
|
|
|
|
/* The mobile track inspector is portaled outside the workspace root. */
|
|
html[data-workspace-density="compact"] .business-sheet.v2-track-detail-sidesheet .v2-track-list-action.semi-button {
|
|
height: auto; min-height: 48px; padding: 6px 10px;
|
|
}
|
|
html[data-workspace-density="compact"] .business-sheet.v2-track-detail-sidesheet .v2-track-list-action .semi-button-content :is(strong,small,em) {
|
|
font-size: 12px; line-height: 17px;
|
|
}
|
|
html[data-workspace-density="compact"] .business-sheet.v2-track-detail-sidesheet .v2-workspace-metric-action.semi-button { height: auto; min-height: 40px; padding: 0; }
|
|
@media (max-width: 760px) {
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-vehicle-action.semi-button,
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-workspace-metric-rail .v2-workspace-metric-action.semi-button,
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-track-query > .v2-track-query-button { min-height: 40px; height: auto; }
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-workspace-metric-rail.is-queue .v2-workspace-metric-list > [role="listitem"] { padding: 6px 8px; }
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-workspace-metric-rail.is-queue .v2-workspace-metric-list > [role="listitem"] strong { font-size: 17px; }
|
|
}
|
|
|
|
/* Monitor's summary is one compact row; legacy support cells must not dictate its height. */
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-rail.is-queue.has-context > .semi-card-body {
|
|
min-height: 0; height: auto; padding: 0; align-items: stretch;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-rail .v2-workspace-metric-context {
|
|
min-height: 0; height: auto; width: 220px; min-width: 220px; padding: 0 8px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-support {
|
|
display: grid; grid-template-columns: 1fr 1fr; gap: 8px; height: 100%; align-items: center;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-support > span,
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-support > .v2-monitor-summary-support-action.semi-button {
|
|
display: flex; flex-direction: column; justify-content: center; align-items: flex-start;
|
|
min-height: 48px; height: auto; min-width: 0; padding: 4px; overflow: visible; gap: 2px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-support-action .semi-button-content {
|
|
display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 2px; white-space: nowrap; overflow: visible;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-support :is(small,strong) {
|
|
margin: 0; font-size: 11px; line-height: 16px; white-space: nowrap; overflow: visible;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-map-control-button.semi-button {
|
|
min-height: 48px; height: auto; padding: 6px 10px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .fleet-row-actions {
|
|
display: inline-flex; align-items: center; gap: 12px; white-space: nowrap;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .fleet-row-actions > a {
|
|
display: inline-flex; align-items: center; min-height: 30px; text-decoration: none;
|
|
}
|
|
@media (min-width: 761px) {
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-monitor-page > .v2-filterbar {
|
|
padding: 8px 10px; min-height: 50px; height: auto;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-monitor-page > .v2-filterbar > .semi-card-body {
|
|
display: flex; align-items: center; padding: 0; min-height: 32px; gap: 10px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-filter-fields {
|
|
display: grid; grid-template-columns: minmax(180px,1fr) 120px 116px auto;
|
|
gap: 8px; min-height: 32px; padding: 0; margin: 0; flex: 1 1 0;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-filter-fields > .v2-search-field,
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-filter-fields [data-slot="input-group"] {
|
|
height: 32px; min-height: 32px; padding-block: 0; margin: 0;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-filter-actions { flex: 0 0 auto; min-height: 32px; gap: 6px; }
|
|
}
|
|
@media (max-width: 760px) {
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-rail .v2-workspace-metric-context {
|
|
width: 100%; min-width: 0; padding: 0 8px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-summary-support { grid-template-columns: 1fr 1fr; }
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .fleet-row-actions > a { min-height: 40px; padding-inline: 4px; }
|
|
}
|
|
|
|
/* Single-vehicle identity stays above the fold with two deliberate compact rows. */
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-plate {
|
|
font-size: 18px; line-height: 24px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-live-section {
|
|
padding: 0 12px 8px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-live-section > .v2-workspace-panel-header {
|
|
min-height: 32px; padding: 4px 0; gap: 8px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-live-section .v2-workspace-panel-description { display: none; }
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-live-metric-rail > .semi-card-body,
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-live-metric-rail .v2-workspace-metric-context { min-height: 0; }
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-current-location {
|
|
min-height: 32px; padding: 4px 0; gap: 12px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-current-location > span { padding: 0; min-height: 0; }
|
|
@media (min-width: 961px) {
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command {
|
|
display: grid; grid-template-columns: minmax(210px,.8fr) minmax(0,2fr); align-items: center;
|
|
min-height: 76px; height: auto; padding: 8px 12px; gap: 8px 16px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command > .v2-workspace-command-copy {
|
|
display: flex; flex-direction: column; align-items: flex-start; gap: 0; padding: 0; min-width: 0;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command > .v2-workspace-command-actions {
|
|
display: flex; flex-direction: column; justify-content: center; align-items: flex-end; gap: 4px; min-width: 0; padding: 0;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-meta {
|
|
display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; padding: 0; margin: 0;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-meta > span {
|
|
display: flex; flex-direction: row; align-items: center; gap: 6px; padding: 0; border: 0; min-height: 20px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-meta :is(small,strong) {
|
|
font-size: 11px; line-height: 16px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-record-v3 .v2-vehicle-command-header.v2-vehicle-record-command .v2-identity-actions {
|
|
display: flex; flex-wrap: wrap; align-items: center; gap: 6px; padding: 0; margin: 0;
|
|
}
|
|
}
|
|
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-track-result-metric-rail.is-queue .v2-workspace-metric-list,
|
|
html[data-workspace-density="compact"] .business-sheet.v2-track-detail-sidesheet .v2-track-result-metric-rail .v2-workspace-metric-list {
|
|
display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; padding: 0;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-track-result-metric-rail.is-queue .v2-workspace-metric-list > [role="listitem"],
|
|
html[data-workspace-density="compact"] .business-sheet.v2-track-detail-sidesheet .v2-track-result-metric-rail .v2-workspace-metric-list > [role="listitem"] {
|
|
grid-area: auto; min-height: 48px; padding: 4px 10px;
|
|
}
|
|
html[data-workspace-density="compact"] .business-sheet.v2-track-detail-sidesheet .v2-workspace-config-summary {
|
|
display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px 0;
|
|
}
|
|
html[data-workspace-density="compact"] .business-sheet.v2-track-detail-sidesheet .v2-workspace-config-summary > span > small,
|
|
html[data-workspace-density="compact"] .business-sheet.v2-track-detail-sidesheet .v2-track-result-metric-rail .v2-workspace-metric-list small {
|
|
white-space: normal; overflow: visible; text-overflow: clip; max-width: 100%; font-size: 11px; line-height: 16px;
|
|
}
|
|
@media (max-width: 760px) {
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-directory-v3 .v2-vehicle-recent-item-shell { height: auto; min-height: 0; }
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-directory-v3 .v2-vehicle-recent-item.semi-button {
|
|
height: auto; min-height: 76px; padding: 8px 26px 8px 12px; white-space: normal;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-directory-v3 .v2-vehicle-recent-item .semi-button-content {
|
|
height: auto; min-height: 60px; row-gap: 4px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-directory-v3 .v2-vehicle-recent-identity strong { font-size: 13px; line-height: 18px; }
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow.v2-vehicle-directory-v3 :is(.v2-vehicle-recent-identity,.v2-vehicle-recent-status) small { font-size: 11px; line-height: 16px; }
|
|
}
|
|
|
|
/* The 290px vehicle inspector has its own vertical metric layout. */
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail.v2-workspace-metric-rail.is-queue.has-context > .semi-card-body {
|
|
display: grid; grid-template-columns: minmax(0,1fr); grid-template-rows: auto auto;
|
|
min-height: 0; min-width: 0; padding: 0; gap: 0;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail.is-queue .v2-workspace-metric-list {
|
|
display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: auto auto;
|
|
width: 100%; min-width: 0; padding: 0; gap: 0;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail.is-queue .v2-workspace-metric-list > [role="listitem"] {
|
|
display: flex; flex-direction: column; align-items: stretch; justify-content: center;
|
|
grid-area: auto; min-width: 0; min-height: 56px; padding: 6px 8px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail .v2-workspace-metric-action.semi-button,
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail .v2-workspace-metric-action .semi-button-content {
|
|
display: flex; flex-direction: column; align-items: flex-start; justify-content: center;
|
|
min-width: 0; min-height: 42px; height: auto; padding: 0; gap: 2px; white-space: normal;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail.is-queue .v2-workspace-metric-list > [role="listitem"] strong {
|
|
width: auto; max-width: 100%; font-size: 17px; line-height: 22px; white-space: nowrap; overflow: visible; text-overflow: clip;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail .v2-workspace-metric-list .v2-monitor-detail-unit {
|
|
display: inline; font-size: 10px; margin-left: 3px;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail .v2-workspace-metric-context {
|
|
grid-area: auto; display: block; width: 100%; min-width: 0; min-height: 0; padding: 0; border-left: 0;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail .v2-monitor-detail-state {
|
|
display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); width: 100%; min-width: 0; gap: 0;
|
|
}
|
|
.business-shell[data-density="compact"] .v2-content .fleet-workflow .v2-monitor-detail-metric-rail .v2-monitor-detail-state > span {
|
|
display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; min-height: 40px; padding: 6px 8px; gap: 4px;
|
|
}
|