feat(web): unify governance workspace identity
This commit is contained in:
@@ -26885,3 +26885,167 @@
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
* Governance identity convergence.
|
||||
* Alert handling and source governance now share the same quiet identity
|
||||
* language as vehicle, trajectory and evidence workspaces without competing
|
||||
* with their queue, tabs or difference list.
|
||||
*/
|
||||
.v2-alert-command-bar.has-identity.v2-workspace-command-bar {
|
||||
min-height: 60px;
|
||||
background:
|
||||
radial-gradient(circle at 8% -90%, rgba(245, 158, 11, .1), transparent 48%),
|
||||
linear-gradient(108deg, #fff 0%, #fffdf9 52%, #fbfdff 100%);
|
||||
padding: 7px 8px 7px 11px;
|
||||
}
|
||||
|
||||
.v2-alert-command-bar.has-identity .v2-workspace-command-copy {
|
||||
max-width: 340px;
|
||||
flex: 1 1 250px;
|
||||
gap: 9px;
|
||||
}
|
||||
|
||||
.v2-alert-command-bar.has-identity .v2-workspace-command-icon.semi-avatar {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
flex-basis: 34px;
|
||||
border-color: rgba(230, 126, 34, .13);
|
||||
border-radius: 10px;
|
||||
background: linear-gradient(145deg, #fff6e8 0%, #ffefd7 100%);
|
||||
color: #d97706;
|
||||
box-shadow: inset 0 1px rgba(255, 255, 255, .9), 0 5px 14px rgba(217, 119, 6, .07);
|
||||
}
|
||||
|
||||
.v2-alert-command-bar.has-identity .v2-workspace-command-stack {
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.v2-alert-command-bar.has-identity .v2-workspace-command-eyebrow {
|
||||
color: #9a7b52;
|
||||
font-size: 7px;
|
||||
line-height: 10px;
|
||||
}
|
||||
|
||||
.v2-alert-command-bar.has-identity .v2-workspace-command-title {
|
||||
color: #334155;
|
||||
font-size: 14px;
|
||||
font-weight: 760;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.v2-alert-command-bar.has-identity .v2-workspace-command-description {
|
||||
max-width: 280px;
|
||||
color: #8793a3;
|
||||
font-size: 9px;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
.v2-alert-command-bar.has-identity .v2-workspace-command-actions > .semi-tag {
|
||||
border-color: rgba(217, 119, 6, .1);
|
||||
background: #fff6e8;
|
||||
color: #b86505;
|
||||
}
|
||||
|
||||
.v2-access-discovery-shell > .v2-access-command-bar.has-identity {
|
||||
min-height: 58px;
|
||||
background:
|
||||
radial-gradient(circle at 91% -100%, rgba(18, 104, 243, .1), transparent 43%),
|
||||
linear-gradient(105deg, #fff 0%, #fbfdff 100%);
|
||||
padding: 8px 10px 8px 12px;
|
||||
}
|
||||
|
||||
.v2-access-command-bar.has-identity .v2-workspace-command-copy {
|
||||
min-width: 260px;
|
||||
}
|
||||
|
||||
.v2-access-command-bar.has-identity .v2-workspace-command-icon.semi-avatar {
|
||||
width: 34px;
|
||||
height: 34px;
|
||||
flex-basis: 34px;
|
||||
border-radius: 10px;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.v2-access-command-bar.has-identity .v2-workspace-command-stack {
|
||||
gap: 0;
|
||||
}
|
||||
|
||||
.v2-access-command-bar.has-identity .v2-workspace-command-title {
|
||||
color: #263a52;
|
||||
font-size: 14px;
|
||||
font-weight: 760;
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.v2-access-command-bar.has-identity .v2-workspace-command-description {
|
||||
color: #8290a3;
|
||||
font-size: 9px;
|
||||
line-height: 12px;
|
||||
}
|
||||
|
||||
.v2-access-command-bar.has-identity .v2-workspace-command-actions > .semi-tag {
|
||||
border-color: rgba(18, 104, 243, .08);
|
||||
background: #eef5ff;
|
||||
color: #245da8;
|
||||
}
|
||||
|
||||
@media (min-width: 681px) and (max-width: 980px) {
|
||||
.v2-alert-command-bar.has-identity .v2-workspace-command-copy {
|
||||
max-width: 250px;
|
||||
}
|
||||
|
||||
.v2-alert-command-bar.has-identity .v2-workspace-command-description,
|
||||
.v2-access-command-bar.has-identity .v2-workspace-command-description {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.v2-access-command-bar.has-identity .v2-workspace-command-copy {
|
||||
min-width: 200px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 680px) {
|
||||
.v2-alert-command-bar.has-identity .v2-workspace-command-copy {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.v2-alert-command-bar.has-identity.v2-workspace-command-bar {
|
||||
min-height: 50px;
|
||||
background: #fff;
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.v2-access-discovery-shell > .v2-access-command-bar.has-identity {
|
||||
min-height: 56px;
|
||||
padding: 6px 7px 6px 9px;
|
||||
}
|
||||
|
||||
.v2-access-command-bar.has-identity .v2-workspace-command-copy {
|
||||
min-width: 0;
|
||||
gap: 7px;
|
||||
}
|
||||
|
||||
.v2-access-command-bar.has-identity .v2-workspace-command-icon.semi-avatar {
|
||||
width: 31px;
|
||||
height: 31px;
|
||||
flex-basis: 31px;
|
||||
border-radius: 9px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.v2-access-command-bar.has-identity .v2-workspace-command-eyebrow {
|
||||
font-size: 7px;
|
||||
line-height: 9px;
|
||||
}
|
||||
|
||||
.v2-access-command-bar.has-identity .v2-workspace-command-title {
|
||||
font-size: 12px;
|
||||
line-height: 15px;
|
||||
}
|
||||
|
||||
.v2-access-command-bar.has-identity .v2-workspace-command-description,
|
||||
.v2-access-command-bar.has-identity .v2-workspace-command-meta {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user