Compare commits
2
Commits
| Author | SHA1 | Date | |
|---|---|---|---|
 leefer
|
cc5fb8d73e | ||
|
leefer
|
9f691a47a0 |
@@ -309,13 +309,13 @@
|
||||
"code_hotspots": [
|
||||
{
|
||||
"path": "frontend/styles/styles.css",
|
||||
"bytes": 360238,
|
||||
"lines": 15385
|
||||
"bytes": 359673,
|
||||
"lines": 15360
|
||||
},
|
||||
{
|
||||
"path": "frontend/styles/redesign-v2.css",
|
||||
"bytes": 262826,
|
||||
"lines": 8554
|
||||
"bytes": 262013,
|
||||
"lines": 8531
|
||||
},
|
||||
{
|
||||
"path": "frontend/index.html",
|
||||
@@ -344,8 +344,8 @@
|
||||
},
|
||||
{
|
||||
"path": "frontend/styles/renovation.css",
|
||||
"bytes": 83812,
|
||||
"lines": 1550
|
||||
"bytes": 81205,
|
||||
"lines": 1480
|
||||
},
|
||||
{
|
||||
"path": "frontend/pages/heaven/page.css",
|
||||
|
||||
@@ -771,7 +771,6 @@ tbody tr.clickable{cursor:pointer}
|
||||
[data-active-view="auctionView"],
|
||||
[data-active-view="themeLibraryView"],
|
||||
[data-active-view="popularityView"],
|
||||
[data-active-view="dragonView"],
|
||||
[data-active-view="mentorView"],
|
||||
[data-active-view="rotationView"]
|
||||
) .app-main{
|
||||
@@ -786,7 +785,6 @@ tbody tr.clickable{cursor:pointer}
|
||||
[data-active-view="auctionView"],
|
||||
[data-active-view="themeLibraryView"],
|
||||
[data-active-view="popularityView"],
|
||||
[data-active-view="dragonView"],
|
||||
[data-active-view="mentorView"],
|
||||
[data-active-view="rotationView"]
|
||||
) .overview-strip{flex:0 0 auto}
|
||||
@@ -795,7 +793,6 @@ tbody tr.clickable{cursor:pointer}
|
||||
[data-active-view="auctionView"],
|
||||
[data-active-view="themeLibraryView"],
|
||||
[data-active-view="popularityView"],
|
||||
[data-active-view="dragonView"],
|
||||
[data-active-view="mentorView"],
|
||||
[data-active-view="rotationView"]
|
||||
) .workspace-view.active-view{
|
||||
@@ -807,7 +804,6 @@ tbody tr.clickable{cursor:pointer}
|
||||
#auctionView.active-view,
|
||||
#themeLibraryView.active-view,
|
||||
#popularityView.active-view,
|
||||
#dragonView.active-view,
|
||||
#mentorView.active-view{display:flex;flex-direction:column}
|
||||
|
||||
#rotationView.active-view{
|
||||
@@ -827,7 +823,6 @@ tbody tr.clickable{cursor:pointer}
|
||||
#themeLibraryView .theme-summary-v2,
|
||||
#popularityView .popularity-page-head-v2,
|
||||
#popularityView .popularity-glance-v2,
|
||||
#dragonView .dragon-page-head-v2,
|
||||
#mentorView .mentor-page-header,
|
||||
#mentorView .member-gate,
|
||||
#mentorView #mentorNotice{flex:0 0 auto}
|
||||
@@ -835,7 +830,6 @@ tbody tr.clickable{cursor:pointer}
|
||||
#auctionView .auction-workspace-v2,
|
||||
#themeLibraryView .theme-library-workspace-v2,
|
||||
#popularityView .popularity-table-card-v2,
|
||||
#dragonView .dragon-daily-content-v2,
|
||||
#mentorView .mentor-layout{min-height:0;flex:1 1 auto}
|
||||
|
||||
#auctionView .auction-workspace-v2{height:100%;grid-template-columns:minmax(0,1fr) var(--right-rail-wide);grid-template-rows:minmax(0,1fr);align-items:stretch;overflow:hidden}
|
||||
@@ -853,10 +847,6 @@ tbody tr.clickable{cursor:pointer}
|
||||
#popularityView .popularity-table-card-v2{display:flex;flex-direction:column;overflow:hidden}
|
||||
#popularityView .popularity-table-frame-v2{min-height:0;flex:1 1 auto;overflow:auto}
|
||||
|
||||
#dragonView .dragon-daily-content-v2{overflow:hidden}
|
||||
#dragonView .dragon-trader-detail-v2{min-height:0}
|
||||
#dragonView .dragon-trader-detail .trader-operations{min-height:0;overflow:auto}
|
||||
|
||||
#mentorView .mentor-layout{height:auto;overflow:hidden}
|
||||
#mentorView .mentor-sidebar,
|
||||
#mentorView .mentor-chat-panel,
|
||||
|
||||
@@ -4350,17 +4350,11 @@ body.sidebar-collapsed .status-bar { left: 64px; }
|
||||
.dragon-empty-actions-v2 .lucide { width: 15px; height: 15px; }
|
||||
|
||||
@media (min-width: 721px) {
|
||||
body[data-active-view="dragonView"] .app-main { display: flex; flex-direction: column; overflow: hidden; }
|
||||
body[data-active-view="dragonView"] .overview-strip { flex: 0 0 auto; }
|
||||
body[data-active-view="dragonView"] .app-main { height: var(--workspace-height); min-height: 0; display: block; overflow: auto; }
|
||||
body[data-active-view="dragonView"] #dragonView.active-view {
|
||||
min-height: 0;
|
||||
flex: 1 1 auto;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
display: block;
|
||||
overflow: visible;
|
||||
}
|
||||
body[data-active-view="dragonView"] .dragon-page-head-v2 { flex: 0 0 auto; }
|
||||
body[data-active-view="dragonView"] .dragon-daily-content-v2,
|
||||
body[data-active-view="dragonView"] .dragon-empty-state-v2 { flex: 1 1 auto; }
|
||||
}
|
||||
|
||||
@media (min-width: 721px) and (max-height: 900px) {
|
||||
@@ -5939,8 +5933,6 @@ body.sidebar-collapsed .status-bar { left: 64px; }
|
||||
#screenerView .quant-summary-pane .quant-universe-grid,
|
||||
#screenerView .quant-formula-summary,
|
||||
#screenerView .quant-execution-actions { grid-template-columns: 1fr; }
|
||||
#screenerView .quant-score-row,
|
||||
#screenerView .quant-filter-row { grid-template-columns: 1fr; }
|
||||
#screenerTrackingView { padding: 10px; }
|
||||
#screenerTrackingView .tracking-page-header { grid-template-columns: 1fr auto; }
|
||||
#screenerTrackingView .tracking-page-header > div { grid-column: 1 / -1; grid-row: 1; }
|
||||
@@ -8372,40 +8364,25 @@ body.sidebar-collapsed .status-bar { left: 64px; }
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
/* The Dragon-Tiger page stays still; only the selected trader's operations scroll. */
|
||||
/* The Dragon-Tiger page owns vertical scrolling; wide operation tables scroll horizontally. */
|
||||
@media (min-width: 721px) {
|
||||
body[data-active-view="dragonView"] .dragon-daily-content-v2 {
|
||||
min-height: 0;
|
||||
display: grid;
|
||||
grid-template-rows: auto auto auto minmax(150px, 1fr) auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body[data-active-view="dragonView"] #dragonView .dragon-card-stage-v2 {
|
||||
flex: 0 0 auto;
|
||||
display: block;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
body[data-active-view="dragonView"] #dragonView .dragon-trader-detail-v2 {
|
||||
min-height: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
body[data-active-view="dragonView"] #dragonView .dragon-detail-header {
|
||||
flex: 0 0 auto;
|
||||
display: block;
|
||||
}
|
||||
|
||||
body[data-active-view="dragonView"] #dragonView .dragon-trader-detail .trader-operations {
|
||||
min-height: 0;
|
||||
flex: 1 1 auto;
|
||||
max-height: none;
|
||||
overflow: auto;
|
||||
overscroll-behavior: contain;
|
||||
scrollbar-gutter: stable;
|
||||
}
|
||||
|
||||
body[data-active-view="dragonView"] #dragonView .dragon-unclassified-v2 {
|
||||
max-height: 180px;
|
||||
overflow: auto;
|
||||
max-height: none;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
:is(
|
||||
|
||||
@@ -578,7 +578,6 @@ body[data-active-view="reviewWorkspaceView"] .workspace-view {
|
||||
.curated-library-pane { padding: 16px; }
|
||||
.curated-library-heading { min-height: 38px; }
|
||||
.curated-library-controls { margin: 10px 0 14px; }
|
||||
.curated-strategy-list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
|
||||
.curated-strategy-card { min-height: 190px; padding: 14px; }
|
||||
.curated-card-foot { min-height: 38px; gap: 8px; }
|
||||
.curated-card-actions { margin-left: auto; display: flex; align-items: center; gap: 6px; }
|
||||
@@ -638,8 +637,6 @@ body[data-active-view="reviewWorkspaceView"] .workspace-view {
|
||||
.sentiment-cycle-analysis { gap: 14px; margin-bottom: 18px; }
|
||||
.sentiment-trend-panel,
|
||||
.sentiment-components-panel { border: 1px solid var(--border); border-radius: var(--card-radius); background: #fff; box-shadow: var(--card-shadow); overflow: hidden; }
|
||||
.sentiment-detail-toolbar { margin-top: 0; }
|
||||
|
||||
.auction-workspace-layout { gap: 14px; align-items: start; }
|
||||
.auction-main-workspace { border: 1px solid var(--border); border-radius: var(--card-radius); background: #fff; box-shadow: var(--card-shadow); overflow: hidden; }
|
||||
.auction-evidence-rail { display: grid; gap: 12px; border: 0; background: transparent; }
|
||||
@@ -667,8 +664,6 @@ body[data-active-view="reviewWorkspaceView"] .workspace-view {
|
||||
.review-workspace .journal-section { min-height: 410px; }
|
||||
.review-workspace .trade-journal-section,
|
||||
.review-workspace .notes-history-section { grid-column: 1 / 3; }
|
||||
.review-workspace .workspace-section + .workspace-section { border-top: 1px solid var(--border); }
|
||||
|
||||
@media (max-width: 1280px) {
|
||||
.overview-strip { grid-template-columns: minmax(160px, 1.15fr) repeat(5, minmax(64px, .5fr)) minmax(150px, 1fr) 82px; padding: 0 10px; }
|
||||
.overview-strip .sentiment-block,
|
||||
@@ -726,49 +721,7 @@ body[data-active-view="reviewWorkspaceView"] .workspace-view {
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
body,
|
||||
body.sidebar-collapsed {
|
||||
display: block;
|
||||
min-height: 100dvh;
|
||||
padding-bottom: calc(68px + env(safe-area-inset-bottom));
|
||||
}
|
||||
|
||||
.app-header {
|
||||
width: 100%;
|
||||
height: 108px;
|
||||
min-height: 108px;
|
||||
position: relative;
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
padding: 8px 10px 0;
|
||||
}
|
||||
|
||||
.brand-block { height: 42px; }
|
||||
.brand-mark { width: 34px; height: 34px; }
|
||||
.brand-block h1 { font-size: 16px; }
|
||||
.header-actions { position: absolute; inset: 56px 10px auto; display: flex; justify-content: space-between; gap: 6px; }
|
||||
.header-date-group { height: 42px; min-width: 0; flex: 1; }
|
||||
.header-date-group .date-input { width: 104px; flex: 1; }
|
||||
.header-actions > .icon-button { width: 40px; min-width: 40px; min-height: 42px; }
|
||||
|
||||
.module-nav,
|
||||
body.sidebar-collapsed .module-nav {
|
||||
width: 100%;
|
||||
height: calc(64px + env(safe-area-inset-bottom));
|
||||
min-height: 64px;
|
||||
position: fixed;
|
||||
inset: auto 0 0;
|
||||
z-index: 45;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, minmax(0, 1fr));
|
||||
align-items: stretch;
|
||||
padding: 4px 4px max(4px, env(safe-area-inset-bottom));
|
||||
overflow: hidden;
|
||||
border-top: 1px solid var(--border);
|
||||
border-right: 0;
|
||||
background: rgba(255, 255, 255, .98);
|
||||
box-shadow: 0 -5px 18px rgba(16, 24, 40, .08);
|
||||
}
|
||||
|
||||
.module-nav .nav-brand,
|
||||
.module-nav .nav-group-label,
|
||||
@@ -781,7 +734,6 @@ body[data-active-view="reviewWorkspaceView"] .workspace-view {
|
||||
.module-nav .module-tab.mobile-primary-tab,
|
||||
body.sidebar-collapsed .module-nav .module-tab.mobile-primary-tab { display: flex; }
|
||||
|
||||
.app-main { width: 100%; min-height: calc(100dvh - 176px); margin: 0; padding: 10px 8px 20px; }
|
||||
.mobile-market-selector:not([hidden]) { margin-bottom: 8px; }
|
||||
.overview-strip {
|
||||
min-height: 108px;
|
||||
@@ -801,10 +753,6 @@ body[data-active-view="reviewWorkspaceView"] .workspace-view {
|
||||
.overview-strip .sentiment-block,
|
||||
.overview-strip .metric { min-height: 54px; }
|
||||
.overview-toggle { display: none; }
|
||||
.workspace-view,
|
||||
body[data-active-view="screenerView"] .workspace-view,
|
||||
body[data-active-view="mentorView"] .workspace-view,
|
||||
body[data-active-view="reviewWorkspaceView"] .workspace-view { padding: 0 0 76px; }
|
||||
}
|
||||
|
||||
@media (prefers-reduced-motion: reduce) {
|
||||
@@ -950,12 +898,10 @@ body[data-active-view="reviewWorkspaceView"] .workspace-view { padding: 14px 16p
|
||||
.sentiment-cycle-state strong { display: block; margin: 4px 0 2px; color: var(--text-primary); font-size: 14px; }
|
||||
.sentiment-component-list { padding: 8px 14px 11px; }
|
||||
.sentiment-component-row { padding: 8px 0; }
|
||||
.sentiment-detail-toolbar { margin-top: 0; }
|
||||
.sentiment-history-frame { max-height: none; }
|
||||
|
||||
/* Ladder and pools use the same restrained hierarchy as the reference pages. */
|
||||
.main-grid { grid-template-columns: minmax(0, 1fr) 310px; gap: 12px; }
|
||||
.insight-rail { gap: 12px; }
|
||||
.rail-heading { min-height: 42px; }
|
||||
.ladder-workspace { grid-template-columns: minmax(0, 1fr) 320px; }
|
||||
.ladder-step { grid-template-columns: 118px minmax(0, 1fr) auto; }
|
||||
@@ -989,7 +935,6 @@ body[data-active-view="reviewWorkspaceView"] .workspace-view { padding: 14px 16p
|
||||
.screener-page-bar .screener-page-heading,
|
||||
.screener-page-bar .screener-mode-tabs { min-height: 45px; }
|
||||
.screener-mode-tabs button { min-width: 108px; min-height: 45px; padding: 0 16px; }
|
||||
#screenerView .screener-strategy-view { gap: 12px; }
|
||||
#screenerView .screener-stepper { min-height: 48px; }
|
||||
#screenerView .screener-overview-grid { gap: 12px; }
|
||||
#screenerView .screener-runbar { min-height: 54px; }
|
||||
@@ -1016,14 +961,11 @@ body[data-active-view="reviewWorkspaceView"] .workspace-view { padding: 14px 16p
|
||||
.mentor-messages { padding: 18px; }
|
||||
.mentor-chat-form { min-height: 58px; padding: 8px 14px; }
|
||||
.mentor-chat-form textarea { height: 42px; min-height: 42px; max-height: 92px; padding: 9px 11px; resize: vertical; }
|
||||
.mentor-chat-form .button { min-height: 38px; }
|
||||
|
||||
/* Review mirrors the approved daily workflow instead of equal-width form columns. */
|
||||
.review-workspace { grid-template-columns: minmax(0, 1fr) 360px; grid-template-areas: "watch journal" "trades journal" "notes notes"; gap: 12px; background: transparent; }
|
||||
.review-workspace .watchlist-section { grid-area: watch; min-height: 0; }
|
||||
.review-workspace .journal-section { grid-area: journal; min-height: 0; }
|
||||
.review-workspace .trade-journal-section { grid-area: trades; min-height: 0; }
|
||||
.review-workspace .notes-history-section { grid-area: notes; }
|
||||
.review-workspace .workspace-section { border: 1px solid var(--border); border-radius: var(--card-radius); box-shadow: var(--card-shadow); }
|
||||
.review-workspace .workspace-section + .workspace-section { border-top: 1px solid var(--border); }
|
||||
.journal-form textarea { min-height: 98px; }
|
||||
@@ -1205,8 +1147,6 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip { display: grid; }
|
||||
background: #fff0ee;
|
||||
box-shadow: inset 0 -2px 0 var(--danger);
|
||||
}
|
||||
.sentiment-stage-guide-grid article.current strong,
|
||||
.sentiment-stage-guide-grid article.current small { color: var(--danger); }
|
||||
.sentiment-detail-toolbar { margin-top: 0; }
|
||||
|
||||
/* Pool pages use the prototype's compact table-first proportions. */
|
||||
@@ -1230,18 +1170,8 @@ body[data-active-view="reviewWorkspaceView"] .overview-strip { display: grid; }
|
||||
#screenerView .strategy-tracking-panel .result-toolbar { min-height: 42px; }
|
||||
|
||||
/* Review mirrors the reference's compact two-column daily workflow. */
|
||||
.review-workspace {
|
||||
grid-template-columns: minmax(0, 1fr) 360px;
|
||||
grid-template-areas: "watch journal" "trades journal" "notes notes";
|
||||
align-items: start;
|
||||
gap: 12px;
|
||||
}
|
||||
.review-workspace .workspace-section { min-height: 0 !important; }
|
||||
.review-workspace .workspace-heading { min-height: 42px; padding: 8px 14px; }
|
||||
.review-workspace .watchlist-section { grid-area: watch; }
|
||||
.review-workspace .journal-section { grid-area: journal; }
|
||||
.review-workspace .trade-journal-section { grid-area: trades; }
|
||||
.review-workspace .notes-history-section { grid-area: notes; }
|
||||
.watchlist-section .workspace-table-frame { min-height: 0; }
|
||||
.watchlist-section .data-table tbody td { height: 41px; }
|
||||
.journal-form { padding: 13px 16px 14px; }
|
||||
|
||||
@@ -178,7 +178,6 @@
|
||||
.curated-execution-bar { align-items: stretch; flex-direction: column; }
|
||||
.curated-data-status { margin-right: 0; }
|
||||
.quant-builder-pane { padding: 16px 12px; }
|
||||
.quant-universe-grid { grid-template-columns: 1fr 1fr; }
|
||||
.quant-filter-row,
|
||||
.quant-score-row { grid-template-columns: minmax(0, 1fr) 92px 38px; }
|
||||
.quant-filter-row .quant-value-input,
|
||||
@@ -4392,7 +4391,6 @@ dialog::backdrop {
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.theme-library-layout { grid-template-columns: 230px minmax(0, 1fr); }
|
||||
.auction-workspace-layout { grid-template-columns: 1fr; }
|
||||
.auction-evidence-rail { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid var(--line); border-left: 0; }
|
||||
.auction-news-entry { grid-column: 1 / -1; border-top: 1px solid var(--line); }
|
||||
.market-feature-summary { grid-template-columns: repeat(4, minmax(105px, 1fr)); }
|
||||
@@ -4411,11 +4409,9 @@ dialog::backdrop {
|
||||
.auction-dataset-segments { min-width: 480px; }
|
||||
.auction-expectation-filterbar { align-items: stretch; flex-direction: column; }
|
||||
.auction-evidence-rail { display: block; }
|
||||
.auction-unified-table-frame { min-height: 360px; max-height: none; }
|
||||
.market-feature-segments { width: 100%; height: auto; overflow-x: auto; }
|
||||
.market-feature-segments .segment { min-height: 38px; flex: 1 0 auto; }
|
||||
.market-feature-table-frame { max-height: none; }
|
||||
.theme-library-layout { display: block; min-height: 0; }
|
||||
.theme-directory-panel { border-right: 0; border-bottom: 1px solid var(--line); }
|
||||
.theme-directory { max-height: 280px; }
|
||||
.theme-detail-empty { min-height: 260px; }
|
||||
@@ -4490,10 +4486,6 @@ body {
|
||||
box-shadow: 0 1px 0 rgba(23, 26, 31, 0.02);
|
||||
}
|
||||
|
||||
.brand-block {
|
||||
gap: 10px;
|
||||
}
|
||||
|
||||
.brand-block h1 {
|
||||
font-size: 17px;
|
||||
font-weight: 720;
|
||||
@@ -4837,12 +4829,6 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
html,
|
||||
body {
|
||||
min-width: 320px;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
body,
|
||||
body.sidebar-collapsed {
|
||||
display: block;
|
||||
@@ -4999,11 +4985,6 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.module-nav .module-tab .lucide {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.module-nav .module-tab.active,
|
||||
.module-nav .module-tab.mobile-active {
|
||||
background: transparent;
|
||||
@@ -7703,11 +7684,6 @@ body.sidebar-collapsed .sidebar-collapse-button .lucide {
|
||||
grid-template-columns: minmax(0, 1fr);
|
||||
}
|
||||
|
||||
.sentiment-trend-panel {
|
||||
border-right: 0;
|
||||
border-bottom: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.sentiment-chart-shell {
|
||||
height: 230px;
|
||||
}
|
||||
@@ -13712,7 +13688,6 @@ button.account-role-badge:focus-visible { outline: 2px solid var(--blue); outlin
|
||||
.auction-header-summary > div { align-items: flex-start; }
|
||||
.auction-workspace-layout { margin: 0 8px 8px; border-radius: 8px; }
|
||||
.auction-dataset-bar { overflow-x: auto; padding: 0 10px; }
|
||||
.auction-dataset-segments { min-width: 430px; }
|
||||
.auction-dataset-segments .segment { min-height: 44px; padding: 0 11px; }
|
||||
.auction-expectation-filterbar { align-items: stretch; flex-direction: column; padding: 8px 10px; }
|
||||
.auction-expectation-controls { align-items: flex-start; flex-direction: column; gap: 6px; }
|
||||
|
||||
@@ -1400,25 +1400,31 @@ test("dragon-tiger redesign keeps the merged empty state and independent card hi
|
||||
await expect(page.locator("#stockDialog")).toBeVisible();
|
||||
await page.locator("#closeStockDialog").click();
|
||||
|
||||
await page.setViewportSize({ width: 1366, height: 768 });
|
||||
const scrollOwnership = await page.evaluate(() => {
|
||||
const body = document.querySelector("#dragonTraderDetail tbody");
|
||||
const seed = body.querySelector("tr");
|
||||
for (let index = 0; index < 20; index += 1) body.appendChild(seed.cloneNode(true));
|
||||
const main = document.querySelector(".app-main");
|
||||
const daily = document.querySelector("#dragonDailyContent");
|
||||
const operations = document.querySelector("#dragonTraderDetail .trader-operations");
|
||||
return {
|
||||
mainOverflow: getComputedStyle(main).overflowY,
|
||||
pageScrolls: main.scrollHeight > main.clientHeight,
|
||||
dailyOverflow: getComputedStyle(daily).overflowY,
|
||||
dailyFits: daily.scrollHeight <= daily.clientHeight + 1,
|
||||
operationOverflow: getComputedStyle(operations).overflowY,
|
||||
operationsScroll: operations.scrollHeight > operations.clientHeight,
|
||||
operationsFit: operations.scrollHeight <= operations.clientHeight + 1,
|
||||
descriptionSize: parseFloat(getComputedStyle(document.querySelector("#dragonTraderDetail .dragon-detail-header p")).fontSize),
|
||||
};
|
||||
});
|
||||
expect(scrollOwnership).toEqual({
|
||||
dailyOverflow: "hidden",
|
||||
mainOverflow: "auto",
|
||||
pageScrolls: true,
|
||||
dailyOverflow: "visible",
|
||||
dailyFits: true,
|
||||
operationOverflow: "auto",
|
||||
operationsScroll: true,
|
||||
operationsFit: true,
|
||||
descriptionSize: 13,
|
||||
});
|
||||
|
||||
@@ -1828,7 +1834,7 @@ test("stylesheet layers do not repeat identical rules in the same cascade contex
|
||||
visitRules(sheet.cssRules, href);
|
||||
}
|
||||
return Array.from(occurrences.entries())
|
||||
.filter(([, paths]) => new Set(paths).size > 1)
|
||||
.filter(([, paths]) => paths.length > 1)
|
||||
.map(([rule, paths]) => ({ rule, paths }));
|
||||
});
|
||||
|
||||
|
||||
@@ -29,11 +29,11 @@ RETIRED_FRONTEND_SOURCE_RANGES = (
|
||||
)
|
||||
AUDITED_FRONTEND_SOURCE_LINE_COUNT = 9283
|
||||
|
||||
# CR-12 and CR-13 remove only declarations repeated by a later stylesheet
|
||||
# layer under the same cascade context. Entries are either an exact retired
|
||||
# fragment or an exact (source, replacement) pair when surrounding context is
|
||||
# needed to identify one nested occurrence. Every other byte remains part of
|
||||
# the accepted CSS baseline.
|
||||
# CR-12 through CR-14 remove only declarations repeated by a later rule under
|
||||
# the same cascade context. Entries are either an exact retired fragment or an
|
||||
# exact (source, replacement) pair. Optional trailing values declare the source
|
||||
# count and how many leading occurrences to transform when an identical later
|
||||
# copy must remain. Every other byte remains part of the accepted CSS baseline.
|
||||
AUDITED_CSS_RETIREMENTS = {
|
||||
"styles.css": (
|
||||
".workspace-view.active-view {\n display: block;\n}\n\n",
|
||||
@@ -117,6 +117,55 @@ AUDITED_CSS_RETIREMENTS = {
|
||||
" .overview-strip .metric:nth-of-type(1) { grid-column: 2; grid-row: 1; }\n",
|
||||
" .overview-strip .metric:nth-of-type(3) { grid-column: 2; grid-row: 2; }\n",
|
||||
" .curated-strategy-list {\n grid-template-columns: 1fr;\n }\n\n",
|
||||
" .quant-universe-grid { grid-template-columns: 1fr 1fr; }\n",
|
||||
(
|
||||
" .auction-workspace-layout { grid-template-columns: 1fr; }\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(
|
||||
" .auction-unified-table-frame { min-height: 360px; max-height: none; }\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
" .theme-library-layout { display: block; min-height: 0; }\n",
|
||||
(
|
||||
".brand-block {\n gap: 10px;\n}\n\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(
|
||||
" html,\n"
|
||||
" body {\n"
|
||||
" min-width: 320px;\n"
|
||||
" width: 100%;\n"
|
||||
" }\n\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(
|
||||
" .module-nav .module-tab .lucide {\n"
|
||||
" width: 20px;\n"
|
||||
" height: 20px;\n"
|
||||
" }\n\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(
|
||||
" .sentiment-trend-panel {\n"
|
||||
" border-right: 0;\n"
|
||||
" border-bottom: 1px solid var(--border);\n"
|
||||
" }\n\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
" .auction-dataset-segments { min-width: 430px; }\n",
|
||||
),
|
||||
"renovation.css": (
|
||||
".overview-strip .sentiment-block { padding-left: 0; }\n",
|
||||
@@ -124,6 +173,144 @@ AUDITED_CSS_RETIREMENTS = {
|
||||
'.overview-strip[data-overview-expanded="true"] .metric-value '
|
||||
"{ font-size: 18px; }\n\n"
|
||||
),
|
||||
(
|
||||
".curated-strategy-list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(
|
||||
".sentiment-detail-toolbar { margin-top: 0; }\n\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(
|
||||
".sentiment-detail-toolbar { margin-top: 0; }\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
".review-workspace .workspace-section + .workspace-section { border-top: 1px solid var(--border); }\n\n",
|
||||
(
|
||||
" body,\n"
|
||||
" body.sidebar-collapsed {\n"
|
||||
" display: block;\n"
|
||||
" min-height: 100dvh;\n"
|
||||
" padding-bottom: calc(68px + env(safe-area-inset-bottom));\n"
|
||||
" }\n\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(
|
||||
" .app-header {\n"
|
||||
" width: 100%;\n"
|
||||
" height: 108px;\n"
|
||||
" min-height: 108px;\n"
|
||||
" position: relative;\n"
|
||||
" display: flex;\n"
|
||||
" align-items: flex-start;\n"
|
||||
" padding: 8px 10px 0;\n"
|
||||
" }\n\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(" .brand-block { height: 42px; }\n", "", 2, 1),
|
||||
(" .brand-block h1 { font-size: 16px; }\n", "", 2, 1),
|
||||
(
|
||||
" .header-actions { position: absolute; inset: 56px 10px auto; display: flex; justify-content: space-between; gap: 6px; }\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(
|
||||
" .header-date-group { height: 42px; min-width: 0; flex: 1; }\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(
|
||||
" .header-date-group .date-input { width: 104px; flex: 1; }\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(
|
||||
" .header-actions > .icon-button { width: 40px; min-width: 40px; min-height: 42px; }\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(
|
||||
" .module-nav,\n"
|
||||
" body.sidebar-collapsed .module-nav {\n"
|
||||
" width: 100%;\n"
|
||||
" height: calc(64px + env(safe-area-inset-bottom));\n"
|
||||
" min-height: 64px;\n"
|
||||
" position: fixed;\n"
|
||||
" inset: auto 0 0;\n"
|
||||
" z-index: 45;\n"
|
||||
" display: grid;\n"
|
||||
" grid-template-columns: repeat(5, minmax(0, 1fr));\n"
|
||||
" align-items: stretch;\n"
|
||||
" padding: 4px 4px max(4px, env(safe-area-inset-bottom));\n"
|
||||
" overflow: hidden;\n"
|
||||
" border-top: 1px solid var(--border);\n"
|
||||
" border-right: 0;\n"
|
||||
" background: rgba(255, 255, 255, .98);\n"
|
||||
" box-shadow: 0 -5px 18px rgba(16, 24, 40, .08);\n"
|
||||
" }\n\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(
|
||||
" .app-main { width: 100%; min-height: calc(100dvh - 176px); margin: 0; padding: 10px 8px 20px; }\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(
|
||||
" .workspace-view,\n"
|
||||
' body[data-active-view="screenerView"] .workspace-view,\n'
|
||||
' body[data-active-view="mentorView"] .workspace-view,\n'
|
||||
' body[data-active-view="reviewWorkspaceView"] .workspace-view { padding: 0 0 76px; }\n',
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(".insight-rail { gap: 12px; }\n", "", 2, 1),
|
||||
("#screenerView .screener-strategy-view { gap: 12px; }\n", "", 2, 1),
|
||||
(".mentor-chat-form .button { min-height: 38px; }\n\n", "", 2, 1),
|
||||
(
|
||||
".review-workspace .notes-history-section { grid-area: notes; }\n",
|
||||
"",
|
||||
3,
|
||||
2,
|
||||
),
|
||||
(
|
||||
".sentiment-stage-guide-grid article.current strong,\n"
|
||||
".sentiment-stage-guide-grid article.current small { color: var(--danger); }\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(
|
||||
".review-workspace {\n"
|
||||
" grid-template-columns: minmax(0, 1fr) 360px;\n"
|
||||
' grid-template-areas: "watch journal" "trades journal" "notes notes";\n'
|
||||
" align-items: start;\n"
|
||||
" gap: 12px;\n"
|
||||
"}\n",
|
||||
"",
|
||||
2,
|
||||
1,
|
||||
),
|
||||
(".review-workspace .watchlist-section { grid-area: watch; }\n", "", 2, 1),
|
||||
(".review-workspace .journal-section { grid-area: journal; }\n", "", 2, 1),
|
||||
(".review-workspace .trade-journal-section { grid-area: trades; }\n", "", 2, 1),
|
||||
),
|
||||
"redesign-v2.css": (
|
||||
"#dragonView .dragon-operation-table .dragon-col-reason { width: auto; }\n",
|
||||
@@ -148,6 +335,122 @@ AUDITED_CSS_RETIREMENTS = {
|
||||
" .overview-strip .metric-wide { display: none; }\n"
|
||||
" .overview-toggle { display: none; }\n"
|
||||
),
|
||||
(
|
||||
(
|
||||
" #screenerView .quant-summary-pane .quant-universe-grid,\n"
|
||||
" #screenerView .quant-formula-summary,\n"
|
||||
" #screenerView .quant-execution-actions { grid-template-columns: 1fr; }\n"
|
||||
" #screenerView .quant-score-row,\n"
|
||||
" #screenerView .quant-filter-row { grid-template-columns: 1fr; }\n"
|
||||
" #screenerTrackingView { padding: 10px; }\n"
|
||||
),
|
||||
(
|
||||
" #screenerView .quant-summary-pane .quant-universe-grid,\n"
|
||||
" #screenerView .quant-formula-summary,\n"
|
||||
" #screenerView .quant-execution-actions { grid-template-columns: 1fr; }\n"
|
||||
" #screenerTrackingView { padding: 10px; }\n"
|
||||
),
|
||||
),
|
||||
),
|
||||
}
|
||||
|
||||
# User-approved product behavior changes remain separate from code-retirement
|
||||
# records. Each entry is an exact source/replacement pair. Optional trailing
|
||||
# values declare the expected source count and how many leading occurrences to
|
||||
# transform when one identical occurrence must remain.
|
||||
AUDITED_CSS_REPLACEMENTS = {
|
||||
"redesign-v2.css": (
|
||||
(
|
||||
(
|
||||
'@media (min-width: 721px) {\n'
|
||||
' body[data-active-view="dragonView"] .app-main { display: flex; flex-direction: column; overflow: hidden; }\n'
|
||||
' body[data-active-view="dragonView"] .overview-strip { flex: 0 0 auto; }\n'
|
||||
' body[data-active-view="dragonView"] #dragonView.active-view {\n'
|
||||
' min-height: 0;\n'
|
||||
' flex: 1 1 auto;\n'
|
||||
' display: flex;\n'
|
||||
' flex-direction: column;\n'
|
||||
' }\n'
|
||||
' body[data-active-view="dragonView"] .dragon-page-head-v2 { flex: 0 0 auto; }\n'
|
||||
' body[data-active-view="dragonView"] .dragon-daily-content-v2,\n'
|
||||
' body[data-active-view="dragonView"] .dragon-empty-state-v2 { flex: 1 1 auto; }\n'
|
||||
'}\n'
|
||||
),
|
||||
(
|
||||
'@media (min-width: 721px) {\n'
|
||||
' body[data-active-view="dragonView"] .app-main { height: var(--workspace-height); min-height: 0; display: block; overflow: auto; }\n'
|
||||
' body[data-active-view="dragonView"] #dragonView.active-view {\n'
|
||||
' display: block;\n'
|
||||
' overflow: visible;\n'
|
||||
' }\n'
|
||||
'}\n'
|
||||
),
|
||||
),
|
||||
(
|
||||
(
|
||||
"/* The Dragon-Tiger page stays still; only the selected trader's operations scroll. */\n"
|
||||
'@media (min-width: 721px) {\n'
|
||||
' body[data-active-view="dragonView"] .dragon-daily-content-v2 {\n'
|
||||
' min-height: 0;\n'
|
||||
' display: grid;\n'
|
||||
' grid-template-rows: auto auto auto minmax(150px, 1fr) auto;\n'
|
||||
' overflow: hidden;\n'
|
||||
' }\n\n'
|
||||
' body[data-active-view="dragonView"] #dragonView .dragon-card-stage-v2 {\n'
|
||||
' flex: 0 0 auto;\n'
|
||||
' }\n\n'
|
||||
' body[data-active-view="dragonView"] #dragonView .dragon-trader-detail-v2 {\n'
|
||||
' min-height: 0;\n'
|
||||
' display: flex;\n'
|
||||
' flex-direction: column;\n'
|
||||
' }\n\n'
|
||||
' body[data-active-view="dragonView"] #dragonView .dragon-detail-header {\n'
|
||||
' flex: 0 0 auto;\n'
|
||||
' }\n\n'
|
||||
' body[data-active-view="dragonView"] #dragonView .dragon-trader-detail .trader-operations {\n'
|
||||
' min-height: 0;\n'
|
||||
' flex: 1 1 auto;\n'
|
||||
' overflow: auto;\n'
|
||||
' overscroll-behavior: contain;\n'
|
||||
' scrollbar-gutter: stable;\n'
|
||||
' }\n\n'
|
||||
' body[data-active-view="dragonView"] #dragonView .dragon-unclassified-v2 {\n'
|
||||
' max-height: 180px;\n'
|
||||
' overflow: auto;\n'
|
||||
' }\n'
|
||||
),
|
||||
(
|
||||
'/* The Dragon-Tiger page owns vertical scrolling; wide operation tables scroll horizontally. */\n'
|
||||
'@media (min-width: 721px) {\n'
|
||||
' body[data-active-view="dragonView"] .dragon-daily-content-v2 {\n'
|
||||
' display: block;\n'
|
||||
' overflow: visible;\n'
|
||||
' }\n\n'
|
||||
' body[data-active-view="dragonView"] #dragonView .dragon-trader-detail-v2 {\n'
|
||||
' display: block;\n'
|
||||
' }\n\n'
|
||||
' body[data-active-view="dragonView"] #dragonView .dragon-trader-detail .trader-operations {\n'
|
||||
' max-height: none;\n'
|
||||
' overflow: auto;\n'
|
||||
' }\n\n'
|
||||
' body[data-active-view="dragonView"] #dragonView .dragon-unclassified-v2 {\n'
|
||||
' max-height: none;\n'
|
||||
' overflow: visible;\n'
|
||||
' }\n'
|
||||
),
|
||||
),
|
||||
),
|
||||
"design-system.css": (
|
||||
(' [data-active-view="dragonView"],\n', "", 4, 3),
|
||||
(' #dragonView.active-view,\n', ""),
|
||||
(' #dragonView .dragon-page-head-v2,\n', ""),
|
||||
(' #dragonView .dragon-daily-content-v2,\n', ""),
|
||||
(
|
||||
' #dragonView .dragon-daily-content-v2{overflow:hidden}\n'
|
||||
' #dragonView .dragon-trader-detail-v2{min-height:0}\n'
|
||||
' #dragonView .dragon-trader-detail .trader-operations{min-height:0;overflow:auto}\n\n',
|
||||
"",
|
||||
),
|
||||
),
|
||||
}
|
||||
|
||||
@@ -245,12 +548,25 @@ def assert_moved_asset_matches(
|
||||
frontend_relative: str | None = None,
|
||||
) -> None:
|
||||
target_relative = frontend_relative or original_relative
|
||||
if original_relative in AUDITED_CSS_RETIREMENTS:
|
||||
if (
|
||||
original_relative in AUDITED_CSS_RETIREMENTS
|
||||
or original_relative in AUDITED_CSS_REPLACEMENTS
|
||||
):
|
||||
original = (ORIGINAL_STATIC / original_relative).read_text(encoding="utf-8")
|
||||
for retired in AUDITED_CSS_RETIREMENTS[original_relative]:
|
||||
source, replacement = retired if isinstance(retired, tuple) else (retired, "")
|
||||
testcase.assertEqual(original.count(source), 1, source)
|
||||
original = original.replace(source, replacement, 1)
|
||||
for retired in AUDITED_CSS_RETIREMENTS.get(original_relative, ()):
|
||||
source, replacement, *count_override = (
|
||||
retired if isinstance(retired, tuple) else (retired, "")
|
||||
)
|
||||
expected_count = count_override[0] if count_override else 1
|
||||
replacement_count = count_override[1] if len(count_override) > 1 else 1
|
||||
testcase.assertEqual(original.count(source), expected_count, source)
|
||||
original = original.replace(source, replacement, replacement_count)
|
||||
for replacement in AUDITED_CSS_REPLACEMENTS.get(original_relative, ()):
|
||||
source, target, *count_override = replacement
|
||||
expected_count = count_override[0] if count_override else 1
|
||||
replacement_count = count_override[1] if len(count_override) > 1 else expected_count
|
||||
testcase.assertEqual(original.count(source), expected_count, source)
|
||||
original = original.replace(source, target, replacement_count)
|
||||
testcase.assertEqual(
|
||||
(FRONTEND_ROOT / target_relative).read_text(encoding="utf-8"),
|
||||
original,
|
||||
|
||||
@@ -30,6 +30,8 @@
|
||||
| CR-10 | Repository所有权 | 五行行业阶段覆盖的三项持久化方法仍错位在根级数据库门面 | 原函数体机械归位到问天Repository，兼容数据继续保留 | 已完成 |
|
||||
| CR-11 | 后台任务生命周期 | 导入应用即启动调度线程，启动早于端口绑定，停止只置位但不等待 | 运行时显式启停，每个Runner只拥有一个可等待的调度线程 | 已完成 |
|
||||
| CR-12 | CSS跨层精确重复 | 七层样式保留多次视觉改造形成的重复顶层规则，前层声明被后层逐字覆盖 | 只删除能够由CSSOM证明完全重复的前层规则，并建立浏览器级重复门禁 | 已完成 |
|
||||
| CR-13 | CSS跨文件嵌套精确重复 | 相同媒体上下文中的完整规则分散在不同样式文件，前层声明仍被后层完整重复 | 递归核对CSSOM上下文，只退休跨文件的精确副本 | 已完成 |
|
||||
| CR-14 | CSS同文件精确重复 | 同一文件、同一媒体上下文仍保留多轮视觉调整形成的完整重复规则 | 删除较早副本并把同文件重复纳入浏览器门禁 | 已完成 |
|
||||
|
||||
## CR-01验收口径
|
||||
|
||||
@@ -348,6 +350,51 @@
|
||||
本批基线为`xiaobai-reduction-12-css-exact-duplicates-20260802`；检查点为
|
||||
`xiaobai-reduction-13-css-nested-duplicates-20260802`。
|
||||
|
||||
## CR-13后续产品修正：龙虎榜整页滚动
|
||||
|
||||
- 2026-08-02用户明确要求取消龙虎榜“当日操作明细单独纵向滚动”，改为龙虎榜主内容区整页纵向滚动，
|
||||
解决低分辨率下操作明细可视高度过小的问题；这是经批准的产品行为变化，不作为CSS去重处理。
|
||||
- 龙虎榜从桌面固定视口共享规则中独立出来；主内容区继续使用工作区高度并承担纵向滚动，游资卡片、
|
||||
操作明细和待归类席位按内容自然展开，宽操作表继续保留横向滚动。
|
||||
- 保真门禁以精确源码替换单独登记本次差异，其他CSS仍与原母版逐字符比较；未新增覆盖层或第二套规则。
|
||||
- 1366×768真实页面中主内容区为692px、内容高度为2620px，整页滚动可达；操作明细自身高度与内容
|
||||
高度一致，不再形成纵向小窗口，1180px宽表仍可横向滚动。
|
||||
- 本次不修改龙虎榜数据、筛选、搜索、游资卡牌、表格字段、游资档案、API、数据库或其他页面的
|
||||
滚动所有权。
|
||||
|
||||
本修正基线为`xiaobai-reduction-13-css-nested-duplicates-20260802`；检查点为
|
||||
`xiaobai-fix-dragon-page-scroll-20260802`。
|
||||
|
||||
## CR-14验收口径
|
||||
|
||||
- 只处理同一CSS文件、同一浏览器规范化媒体上下文中，选择器和完整CSSOM声明完全相同的规则；
|
||||
不同媒体上下文、近似声明、动画和问天隔离样式继续保留。
|
||||
- 每组只删除较早出现的副本并保留最后一份原规则；样式文件加载顺序、媒体条件、选择器优先级、变量、
|
||||
HTML、JavaScript和主题逻辑均不得改变。
|
||||
- 保真门禁必须精确登记原始片段及其出现/退休次数；浏览器门禁从“只拒绝跨文件重复”提升为
|
||||
“同一上下文内任何完整重复均拒绝”。
|
||||
- 1366×768桌面暗色关键页面和390×844移动端关键页面的尺寸、滚动范围及视觉结果必须保持不变，
|
||||
并通过全站Playwright回归。
|
||||
|
||||
## CR-14结果
|
||||
|
||||
- 浏览器CSSOM确认33组同文件精确重复，其中两个规则各出现三次；共退休35个较早副本：
|
||||
`styles.css`9个、`renovation.css`25个、`redesign-v2.css`1个，运行时同上下文完整重复降为0。
|
||||
- 三个生产CSS文件合计净减少97行、3272字节；未新增选择器、声明、覆盖层或样式文件，最后一份原规则
|
||||
及其媒体上下文全部保留。
|
||||
- 保真门禁新增精确出现次数与退休次数审计，除登记片段外继续与原母版逐字节比较；Playwright CSSOM
|
||||
门禁现会拒绝跨文件和同文件重复，后续不能重新堆回同类规则。
|
||||
- 1366×768暗色模式复核情绪周期、集合竞价、题材库、智能选股、问师和我的复盘；390×844复核
|
||||
情绪周期、集合竞价、智能选股和我的复盘。关键尺寸、滚动范围保持一致，移动端情绪周期截图逐像素一致，
|
||||
其余页面目视无差异且无横向溢出。
|
||||
- 候选330项、CSS/前端契约33项、迁移对照63项及46项Playwright全部通过；24个JavaScript文件、
|
||||
API/架构注册表和SQLite完整性检查通过。
|
||||
- 本批不修改页面布局、颜色、字体、间距、响应式行为、主题、动画、业务功能、API、数据库、数据源、
|
||||
LLM或部署。
|
||||
|
||||
本批基线为`xiaobai-fix-dragon-page-scroll-20260802`；检查点为
|
||||
`xiaobai-reduction-14-css-same-file-duplicates-20260802`。
|
||||
|
||||
## 人工验收记录
|
||||
|
||||
- 2026-08-01：用户检查CR-02与CR-03运行结果，确认未发现明显异常。本记录仅表示本轮可见功能与
|
||||
|
||||
Reference in New Issue
Block a user