fix: merge B-157 and B-158 shell review blockers
Keep 1024-1439 broken/seal metrics in the detail panel, fold desktop admin actions into the ellipsis menu, and fit the 13-column limit pool at 1600 without hiding the data date. Co-authored-by: Cursor <cursoragent@cursor.com> Co-authored-by: multica-agent <github@multica.ai>
This commit is contained in:
MS-01-Codex
co-authored by
Cursor
multica-agent
Cursor
multica-agent
parent
d1852657fd
commit
4c6cccd9a4
+79
-50
@@ -187,12 +187,6 @@ body.sidebar-collapsed .nav-group + .nav-group {
|
||||
.metric {
|
||||
border-top: 1px solid var(--line);
|
||||
}
|
||||
|
||||
.metric-wide {
|
||||
display: flex;
|
||||
|
||||
grid-column: span 2;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 860px) {
|
||||
@@ -228,10 +222,6 @@ body.sidebar-collapsed .nav-group + .nav-group {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
}
|
||||
|
||||
.metric-wide {
|
||||
grid-column: auto;
|
||||
}
|
||||
|
||||
.metric {
|
||||
padding: 10px;
|
||||
}
|
||||
@@ -262,10 +252,6 @@ body.sidebar-collapsed .nav-group + .nav-group {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
}
|
||||
|
||||
.metric-wide {
|
||||
grid-column: 1 / -1;
|
||||
}
|
||||
|
||||
.section-title-group {
|
||||
align-items: flex-start;
|
||||
|
||||
@@ -311,10 +297,6 @@ body.sidebar-collapsed .nav-group + .nav-group {
|
||||
.overview-strip {
|
||||
grid-template-columns: minmax(210px, 1.3fr) repeat(5, minmax(90px, 0.7fr));
|
||||
}
|
||||
|
||||
.overview-strip .metric-wide {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
@@ -644,10 +626,6 @@ body.sidebar-collapsed .app-main {
|
||||
padding: 0px 8px;
|
||||
}
|
||||
|
||||
.overview-strip .metric-wide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.overview-strip .metric:nth-of-type(n+4) {
|
||||
display: none;
|
||||
}
|
||||
@@ -662,14 +640,6 @@ body.sidebar-collapsed .app-main {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.overview-strip[data-overview-expanded="true"] .metric-wide {
|
||||
min-height: 54px;
|
||||
|
||||
display: flex;
|
||||
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.overview-strip[data-overview-expanded="true"] .metric:nth-of-type(n) {
|
||||
min-height: 54px;
|
||||
|
||||
@@ -770,10 +740,6 @@ body.sidebar-collapsed .app-main {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.overview-strip .metric-wide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.overview-strip .metric:nth-of-type(n+5) {
|
||||
display: none;
|
||||
}
|
||||
@@ -892,7 +858,7 @@ body.sidebar-collapsed .app-main {
|
||||
|
||||
padding: 0px 10px;
|
||||
|
||||
border-radius: 7px;
|
||||
border-radius: var(--radius-md);
|
||||
|
||||
font-size: 12.5px;
|
||||
|
||||
@@ -1452,7 +1418,7 @@ body.sidebar-collapsed .module-nav .nav-group + .nav-group {
|
||||
|
||||
border: 0px;
|
||||
|
||||
border-radius: 7px;
|
||||
border-radius: var(--radius-md);
|
||||
|
||||
background: transparent;
|
||||
|
||||
@@ -2719,10 +2685,6 @@ body.sidebar-collapsed .status-bar {
|
||||
padding: 0px;
|
||||
}
|
||||
|
||||
.overview-strip .metric-wide {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.overview-strip .metric:nth-of-type(n+4) {
|
||||
display: none;
|
||||
}
|
||||
@@ -3216,11 +3178,6 @@ body.sidebar-collapsed .status-bar {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
body.mobile-shell .overview-strip .metric-wide,
|
||||
body.mobile-shell .overview-toggle {
|
||||
display: none;
|
||||
}
|
||||
|
||||
body.mobile-shell .workspace-view,
|
||||
body.mobile-shell .workspace-view.page:not(#heavenView),
|
||||
body.mobile-shell:is([data-active-view]) .workspace-view.active-view {
|
||||
@@ -3367,7 +3324,8 @@ body.sidebar-collapsed .status-bar {
|
||||
color: var(--down);
|
||||
}
|
||||
|
||||
.tape-metric .metric-value.warning {
|
||||
.tape-metric .metric-value.warning,
|
||||
.tape-detail-item .warning {
|
||||
color: var(--warn);
|
||||
}
|
||||
|
||||
@@ -3380,7 +3338,8 @@ body.sidebar-collapsed .status-bar {
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.tape-sentiment .sentiment-text {
|
||||
.tape-sentiment .sentiment-text,
|
||||
.tape-detail-item .sentiment-text {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
height: 18px;
|
||||
@@ -3394,17 +3353,20 @@ body.sidebar-collapsed .status-bar {
|
||||
line-height: 18px;
|
||||
}
|
||||
|
||||
.tape-sentiment .sentiment-text.is-hot {
|
||||
.tape-sentiment .sentiment-text.is-hot,
|
||||
.tape-detail-item .sentiment-text.is-hot {
|
||||
background: var(--up-soft);
|
||||
color: var(--up);
|
||||
}
|
||||
|
||||
.tape-sentiment .sentiment-text.is-strong {
|
||||
.tape-sentiment .sentiment-text.is-strong,
|
||||
.tape-detail-item .sentiment-text.is-strong {
|
||||
background: var(--accent-soft);
|
||||
color: var(--accent);
|
||||
}
|
||||
|
||||
.tape-sentiment .sentiment-text.is-cold {
|
||||
.tape-sentiment .sentiment-text.is-cold,
|
||||
.tape-detail-item .sentiment-text.is-cold {
|
||||
background: var(--down-soft);
|
||||
color: var(--down);
|
||||
}
|
||||
@@ -3479,11 +3441,13 @@ body.sidebar-collapsed .status-bar {
|
||||
}
|
||||
|
||||
.app-header .header-actions {
|
||||
position: relative;
|
||||
display: flex;
|
||||
flex: 0 0 auto;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
margin-left: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
.app-header .header-date-group {
|
||||
@@ -3675,3 +3639,68 @@ body.sidebar-collapsed .status-bar {
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 768px) {
|
||||
.app-header .header-menu-button {
|
||||
display: inline-flex;
|
||||
}
|
||||
|
||||
.app-header .header-command-group {
|
||||
position: absolute;
|
||||
top: calc(100% + 8px);
|
||||
right: 0;
|
||||
z-index: 60;
|
||||
display: none;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
gap: 6px;
|
||||
width: 240px;
|
||||
padding: 8px;
|
||||
overflow: visible;
|
||||
border: 1px solid var(--border);
|
||||
border-radius: var(--radius-md);
|
||||
background: var(--surface);
|
||||
box-shadow: var(--shadow-float);
|
||||
}
|
||||
|
||||
.app-header .header-command-group.is-open {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.app-header .header-command-group .command-button,
|
||||
.app-header .header-command-group .account-button {
|
||||
width: 100%;
|
||||
justify-content: flex-start;
|
||||
}
|
||||
|
||||
.app-header .header-command-group .account-menu-shell {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: stretch;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.app-header .header-command-group .account-role-badges {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
min-height: 0;
|
||||
}
|
||||
|
||||
.app-header .header-command-group .account-dropdown {
|
||||
left: 0;
|
||||
right: auto;
|
||||
}
|
||||
}
|
||||
|
||||
body[data-active-view="heavenView"] .app-header .overview-strip,
|
||||
body[data-active-view="heavenView"] .app-header .overview-strip[data-overview-expanded="true"],
|
||||
body.mobile-shell[data-active-view="heavenView"] .app-header .overview-strip,
|
||||
body.mobile-shell[data-active-view="heavenView"] .app-header .overview-strip[data-overview-expanded="true"] {
|
||||
display: none;
|
||||
flex: 0 0 0;
|
||||
width: 0;
|
||||
min-width: 0;
|
||||
height: 0;
|
||||
min-height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user