feat: apply B-147 visual tokens to shell and three representative pages
Closes B-156 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
b60a4cb682
commit
e778c883db
+35
-37
@@ -88,14 +88,7 @@
|
||||
}
|
||||
|
||||
#mentorView .mentor-page-header {
|
||||
flex: 0 0 56px;
|
||||
height: 56px;
|
||||
min-height: 56px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 0 20px;
|
||||
border-bottom: 1px solid var(--qp-border);
|
||||
background: var(--qp-bg-header);
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mentorView .mentor-page-title {
|
||||
@@ -146,11 +139,14 @@
|
||||
}
|
||||
|
||||
#mentorView .mentor-directory-tools {
|
||||
position: relative;
|
||||
z-index: 30;
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: var(--space-4);
|
||||
padding: 10px 8px;
|
||||
overflow: visible;
|
||||
border-bottom: 1px solid var(--qp-border);
|
||||
}
|
||||
|
||||
@@ -233,7 +229,7 @@
|
||||
position: absolute;
|
||||
top: calc(100% + 4px);
|
||||
right: 0;
|
||||
z-index: 20;
|
||||
z-index: 40;
|
||||
min-width: 128px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
@@ -468,7 +464,7 @@
|
||||
border-radius: 50%;
|
||||
background: var(--qp-avatar-bg);
|
||||
color: var(--qp-avatar-ink);
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
@@ -490,7 +486,7 @@
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
color: var(--qp-text-1);
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
@@ -505,7 +501,7 @@
|
||||
#mentorView :is(.mentor-option-copy > em, .mentor-option-meta) {
|
||||
min-width: 0;
|
||||
overflow: hidden;
|
||||
font-size: 14px;
|
||||
font-size: 11.5px;
|
||||
font-style: normal;
|
||||
line-height: 1.35;
|
||||
text-overflow: ellipsis;
|
||||
@@ -518,7 +514,7 @@
|
||||
|
||||
#mentorView .mentor-option-meta {
|
||||
color: var(--qp-text-3);
|
||||
font-size: 13px;
|
||||
font-size: 11.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-option-tools {
|
||||
@@ -646,10 +642,10 @@
|
||||
}
|
||||
|
||||
#mentorView .mentor-chat-identity .mentor-avatar {
|
||||
width: 44px;
|
||||
height: 44px;
|
||||
flex: 0 0 44px;
|
||||
font-size: 17px;
|
||||
width: var(--mentor-chat-avatar-size);
|
||||
height: var(--mentor-chat-avatar-size);
|
||||
flex: 0 0 var(--mentor-chat-avatar-size);
|
||||
font-size: 13.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-active-title {
|
||||
@@ -664,7 +660,7 @@
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
color: var(--qp-text-1);
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
letter-spacing: 0;
|
||||
text-overflow: ellipsis;
|
||||
@@ -674,7 +670,7 @@
|
||||
#mentorView #activeMentorStatus {
|
||||
margin: 2px 0 0;
|
||||
color: var(--qp-text-3);
|
||||
font-size: 13px;
|
||||
font-size: 11.5px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
@@ -783,9 +779,9 @@
|
||||
}
|
||||
|
||||
#mentorView .mentor-message-avatar {
|
||||
width: var(--mentor-avatar-size);
|
||||
height: var(--mentor-avatar-size);
|
||||
flex: 0 0 var(--mentor-avatar-size);
|
||||
width: var(--mentor-message-avatar-size);
|
||||
height: var(--mentor-message-avatar-size);
|
||||
flex: 0 0 var(--mentor-message-avatar-size);
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
@@ -793,7 +789,7 @@
|
||||
border-radius: 50%;
|
||||
background: var(--qp-avatar-bg);
|
||||
color: var(--qp-avatar-ink);
|
||||
font-size: 16px;
|
||||
font-size: 12.5px;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
}
|
||||
|
||||
@@ -818,15 +814,15 @@
|
||||
|
||||
#mentorView .mentor-message-label {
|
||||
color: var(--qp-text-3);
|
||||
font-size: 12px;
|
||||
font-size: 11.5px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
#mentorView .mentor-message-content {
|
||||
min-width: 0;
|
||||
color: var(--qp-text-1);
|
||||
font-size: 16px;
|
||||
line-height: 1.7;
|
||||
font-size: 14px;
|
||||
line-height: 1.65;
|
||||
overflow-wrap: anywhere;
|
||||
}
|
||||
|
||||
@@ -835,6 +831,7 @@
|
||||
border-radius: 12px;
|
||||
background: var(--qp-bg-bubble-self);
|
||||
color: var(--qp-text-1-on-accent-bg);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
#mentorView .mentor-message.is-error .mentor-message-content {
|
||||
@@ -843,7 +840,7 @@
|
||||
|
||||
#mentorView .mentor-message small {
|
||||
color: var(--qp-text-3);
|
||||
font-size: 12px;
|
||||
font-size: 11.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-answer-paragraph {
|
||||
@@ -858,7 +855,7 @@
|
||||
display: block;
|
||||
margin: var(--space-12) 0 var(--space-4);
|
||||
color: var(--qp-text-1);
|
||||
font-size: 18px;
|
||||
font-size: 14px;
|
||||
font-weight: var(--font-weight-semibold);
|
||||
line-height: 1.4;
|
||||
}
|
||||
@@ -882,6 +879,7 @@
|
||||
padding-left: var(--space-12);
|
||||
border-left: 2px solid var(--qp-accent-soft);
|
||||
color: var(--qp-text-2);
|
||||
font-size: 13.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-answer-rule {
|
||||
@@ -917,7 +915,7 @@
|
||||
|
||||
#mentorView .mentor-follow-ups > span {
|
||||
color: var(--qp-text-faint);
|
||||
font-size: 12px;
|
||||
font-size: 11.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-follow-ups button {
|
||||
@@ -929,7 +927,7 @@
|
||||
border: 0;
|
||||
background: transparent;
|
||||
color: var(--qp-link);
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
line-height: 1.8;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
@@ -963,7 +961,7 @@
|
||||
#mentorView .mentor-prompt-label {
|
||||
flex: 0 0 auto;
|
||||
color: var(--qp-text-3);
|
||||
font-size: 13px;
|
||||
font-size: 11.5px;
|
||||
}
|
||||
|
||||
#mentorView .mentor-quick-prompts button {
|
||||
@@ -976,7 +974,7 @@
|
||||
border-radius: 8px;
|
||||
background: var(--qp-bg-control);
|
||||
color: var(--qp-text-2);
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
cursor: pointer;
|
||||
transition: color var(--motion-fast), background var(--motion-fast);
|
||||
}
|
||||
@@ -1038,8 +1036,8 @@
|
||||
background: transparent;
|
||||
color: var(--qp-text-1);
|
||||
font-family: inherit;
|
||||
font-size: 16px;
|
||||
line-height: 1.7;
|
||||
font-size: 14px;
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
#mentorView #mentorQuestion::placeholder {
|
||||
@@ -1049,7 +1047,7 @@
|
||||
#mentorView .mentor-composer-hint {
|
||||
flex: 0 0 auto;
|
||||
color: var(--qp-text-hint);
|
||||
font-size: 12px;
|
||||
font-size: 11.5px;
|
||||
line-height: 1.4;
|
||||
}
|
||||
|
||||
@@ -1070,7 +1068,7 @@
|
||||
border-radius: 10px;
|
||||
background: var(--qp-accent);
|
||||
color: #FFFFFF;
|
||||
font-size: 14px;
|
||||
font-size: 13px;
|
||||
font-weight: var(--font-weight-medium);
|
||||
}
|
||||
|
||||
@@ -1117,7 +1115,7 @@
|
||||
margin: 0;
|
||||
padding: 0 16px;
|
||||
color: var(--qp-text-hint);
|
||||
font-size: 12px;
|
||||
font-size: 11.5px;
|
||||
line-height: 1.4;
|
||||
text-align: center;
|
||||
overflow-wrap: anywhere;
|
||||
|
||||
@@ -67,6 +67,7 @@ function renderMentorWorkspace() {
|
||||
if (!setup) return;
|
||||
const selected = setup.mentors.find((item) => item.id === state.selectedMentorId) || null;
|
||||
setText("mentorPageSubtitle", `与不同交易思维模型持续对话 · 数据日期 ${displayCompactDate(setup.trade_date)}`);
|
||||
setText("currentPageSubtitle", `与不同交易思维模型持续对话 · 数据日期 ${displayCompactDate(setup.trade_date)}`);
|
||||
setText("activeMentorName", selected?.name || "--");
|
||||
setText("activeMentorAvatar", mentorAvatarText(selected));
|
||||
applyMentorAvatarTone(document.querySelector("#activeMentorAvatar"), mentorAvatarToneClass(selected));
|
||||
@@ -643,7 +644,10 @@ function bindMentorEvents() {
|
||||
document.querySelector("#stopMentorQuestion").addEventListener("click", stopMentorGeneration);
|
||||
document.querySelector("#clearMentorChatButton").addEventListener("click", clearMentorConversation);
|
||||
document.querySelector("#mentorSortToggle").addEventListener("click", toggleMentorSortMode);
|
||||
document.querySelector("#mentorFilterToggle").addEventListener("click", toggleMentorFilterMenu);
|
||||
document.querySelector("#mentorFilterToggle").addEventListener("click", (event) => {
|
||||
event.stopPropagation();
|
||||
toggleMentorFilterMenu();
|
||||
});
|
||||
document.querySelector("#mentorSearchInput").addEventListener("input", (event) => {
|
||||
state.mentorQuery = event.target.value.trim().toLocaleLowerCase("zh-CN");
|
||||
renderMentorDirectory();
|
||||
|
||||
+6
-6
@@ -78,7 +78,7 @@
|
||||
|
||||
color: var(--r2-faint);
|
||||
|
||||
text-align: right;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.redesigned-pool-view .data-table .number {
|
||||
@@ -207,7 +207,7 @@
|
||||
|
||||
color: var(--r2-faint);
|
||||
|
||||
text-align: right;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.redesigned-broken-view .data-table .number {
|
||||
@@ -335,7 +335,7 @@
|
||||
|
||||
color: var(--r2-faint);
|
||||
|
||||
text-align: right;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.redesigned-down-view .data-table .number {
|
||||
@@ -455,7 +455,7 @@
|
||||
|
||||
color: var(--r2-faint);
|
||||
|
||||
text-align: right;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.redesigned-yesterday-view .data-table .number {
|
||||
@@ -2235,9 +2235,9 @@
|
||||
:is(#limitTable, #brokenTable, #downTable, #yesterdayTable) .row-number {
|
||||
padding-right: 8px;
|
||||
|
||||
padding-left: 8px;
|
||||
padding-left: 12px;
|
||||
|
||||
text-align: center;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
:is(#limitTable, #brokenTable, #downTable, #yesterdayTable) .reason-column {
|
||||
|
||||
@@ -26,7 +26,7 @@
|
||||
<table class="data-table tbl" id="limitTable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="row-number num" aria-label="序号">序号</th>
|
||||
<th class="row-number" aria-label="序号">序号</th>
|
||||
<th data-sort="name">股票</th>
|
||||
<th class="number num sortable" data-sort="streak">连板<span class="arr">↕</span></th>
|
||||
<th class="number num sortable" data-sort="change">涨幅（%）<span class="arr">↕</span></th>
|
||||
@@ -83,7 +83,7 @@
|
||||
<table id="brokenTable" class="data-table tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="row-number num">序号</th>
|
||||
<th class="row-number">序号</th>
|
||||
<th>股票</th>
|
||||
<th class="number num sortable" data-broken-sort="change">现价涨幅（%）<span class="arr">↕</span></th>
|
||||
<th class="number num sortable" data-auto-sort="true">距涨停（%）<span class="arr">↕</span></th>
|
||||
@@ -122,7 +122,7 @@
|
||||
<table id="downTable" class="data-table tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="row-number num">序号</th>
|
||||
<th class="row-number">序号</th>
|
||||
<th>股票</th>
|
||||
<th class="number num sortable" data-down-sort="change">跌幅（%）<span class="arr">↕</span></th>
|
||||
<th class="number num sortable" data-auto-sort="true">价格（元）<span class="arr">↕</span></th>
|
||||
@@ -176,7 +176,7 @@
|
||||
<table id="yesterdayTable" class="data-table tbl">
|
||||
<thead>
|
||||
<tr>
|
||||
<th class="row-number num">序号</th>
|
||||
<th class="row-number">序号</th>
|
||||
<th>股票</th>
|
||||
<th class="number num sortable" data-yesterday-sort="prior_streak">昨日高度（板）<span class="arr">↕</span></th>
|
||||
<th class="number num sortable" data-yesterday-sort="current_change">今日涨幅（%）<span class="arr">↕</span></th>
|
||||
|
||||
@@ -28,7 +28,7 @@ function renderLimitTable() {
|
||||
const body = document.querySelector("#limitTableBody");
|
||||
body.innerHTML = rows.map((row, index) => `
|
||||
<tr data-code="${escapeHtml(row.code)}">
|
||||
<td class="row-number num muted">${index + 1}</td>
|
||||
<td class="row-number muted">${index + 1}</td>
|
||||
<td><span class="stock-cell"><strong class="stock-name sname">${escapeHtml(row.name)}</strong><small class="stock-code scode">${escapeHtml(row.code)}</small></span></td>
|
||||
<td class="number num"><span class="pool-streak-tag tag red">${streakLabel(row.streak)}</span></td>
|
||||
<td class="number num up">${signed(row.change)}</td>
|
||||
@@ -75,7 +75,7 @@ function renderBrokenTable(rows) {
|
||||
const body = document.querySelector("#brokenTableBody");
|
||||
body.innerHTML = visibleRows.map((row, index) => `
|
||||
<tr data-code="${escapeHtml(row.code)}">
|
||||
<td class="row-number num muted">${index + 1}</td>
|
||||
<td class="row-number muted">${index + 1}</td>
|
||||
<td><span class="stock-cell"><strong class="stock-name sname">${escapeHtml(row.name)}</strong><small class="stock-code scode">${escapeHtml(row.code)}</small></span></td>
|
||||
<td class="number num ${changeClass(row.change)}" data-sort-value="${number(row.change)}">${signed(row.change)}</td>
|
||||
<td class="number num broken-limit-gap" data-sort-value="${row.limitGap}">${formatNumber(row.limitGap, 2)}</td>
|
||||
@@ -155,7 +155,7 @@ function renderDownTable(rows) {
|
||||
const body = document.querySelector("#downTableBody");
|
||||
body.innerHTML = visibleRows.map((row, index) => `
|
||||
<tr data-code="${escapeHtml(row.code)}">
|
||||
<td class="row-number num muted">${index + 1}</td>
|
||||
<td class="row-number muted">${index + 1}</td>
|
||||
<td><span class="stock-cell"><strong class="stock-name sname">${escapeHtml(row.name)}</strong><small class="stock-code scode">${escapeHtml(row.code)}</small></span></td>
|
||||
<td class="number num down" data-sort-value="${number(row.change)}">${signed(row.change)}</td>
|
||||
<td class="number num">${formatNumber(row.price, 2)}</td>
|
||||
@@ -228,7 +228,7 @@ function renderYesterdayTable(rows) {
|
||||
const body = document.querySelector("#yesterdayTableBody");
|
||||
body.innerHTML = visibleRows.map((row, index) => `
|
||||
<tr data-code="${escapeHtml(row.code)}">
|
||||
<td class="row-number num muted">${index + 1}</td>
|
||||
<td class="row-number muted">${index + 1}</td>
|
||||
<td><span class="stock-cell"><strong class="stock-name sname">${escapeHtml(row.name)}</strong><small class="stock-code scode">${escapeHtml(row.code)}</small></span></td>
|
||||
<td class="number num">${number(row.prior_streak)}</td>
|
||||
<td class="number num ${changeClass(row.current_change)}">${signed(row.current_change)}</td>
|
||||
|
||||
+68
-56
@@ -884,19 +884,21 @@
|
||||
|
||||
min-width: 0px;
|
||||
|
||||
min-height: 33px;
|
||||
min-height: 0px;
|
||||
|
||||
display: flex;
|
||||
|
||||
flex: 0 0 auto;
|
||||
|
||||
flex-direction: row;
|
||||
flex-direction: column;
|
||||
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
|
||||
gap: 6px;
|
||||
align-items: flex-start;
|
||||
|
||||
padding: 0px 10px 0px 0px;
|
||||
gap: 2px;
|
||||
|
||||
padding: 0 16px;
|
||||
|
||||
border: 0px;
|
||||
}
|
||||
@@ -924,11 +926,11 @@
|
||||
}
|
||||
|
||||
.overview-strip .sentiment-text {
|
||||
color: var(--r2-ink);
|
||||
color: var(--accent);
|
||||
|
||||
font-size: 12px;
|
||||
font-size: var(--fs-caption);
|
||||
|
||||
font-weight: 600;
|
||||
font-weight: 500;
|
||||
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -1037,25 +1039,31 @@
|
||||
|
||||
align-items: flex-start;
|
||||
|
||||
gap: 16px;
|
||||
gap: 14px;
|
||||
|
||||
padding: 14px 16px;
|
||||
padding: 14px 16px 10px;
|
||||
}
|
||||
|
||||
.sentiment-current-phase-badge {
|
||||
min-width: 94px;
|
||||
min-width: 92px;
|
||||
|
||||
flex: 0 0 auto;
|
||||
|
||||
display: block;
|
||||
display: flex;
|
||||
|
||||
padding: 10px 18px;
|
||||
flex-direction: column;
|
||||
|
||||
border: 1px solid rgb(245, 207, 201);
|
||||
align-items: center;
|
||||
|
||||
border-radius: 10px;
|
||||
gap: 2px;
|
||||
|
||||
background: var(--r2-up-soft);
|
||||
padding: 10px 16px;
|
||||
|
||||
border: 1px solid var(--accent);
|
||||
|
||||
border-radius: var(--card-radius);
|
||||
|
||||
background: var(--accent-soft);
|
||||
|
||||
text-align: center;
|
||||
}
|
||||
@@ -1063,11 +1071,11 @@
|
||||
.sentiment-current-phase-badge strong {
|
||||
display: block;
|
||||
|
||||
color: var(--r2-up);
|
||||
color: var(--accent);
|
||||
|
||||
font-size: 19px;
|
||||
|
||||
font-weight: 800;
|
||||
font-weight: 700;
|
||||
|
||||
line-height: 1.35;
|
||||
}
|
||||
@@ -1075,11 +1083,11 @@
|
||||
.sentiment-current-phase-badge span {
|
||||
display: block;
|
||||
|
||||
margin-top: 2px;
|
||||
margin-top: 0;
|
||||
|
||||
color: var(--r2-sub);
|
||||
color: var(--text-3);
|
||||
|
||||
font-size: 11px;
|
||||
font-size: var(--fs-aux);
|
||||
|
||||
white-space: nowrap;
|
||||
}
|
||||
@@ -1091,15 +1099,17 @@
|
||||
}
|
||||
|
||||
.sentiment-phase-info p {
|
||||
color: var(--r2-sub);
|
||||
color: var(--text-2);
|
||||
|
||||
font-size: 12.5px;
|
||||
font-size: var(--fs-label);
|
||||
|
||||
line-height: 1.7;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.sentiment-phase-info p b {
|
||||
font-weight: 700;
|
||||
color: var(--text-1);
|
||||
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.sentiment-phase-info p .down {
|
||||
@@ -1113,17 +1123,17 @@
|
||||
.sentiment-phase-advice {
|
||||
margin-top: 8px;
|
||||
|
||||
padding: 5px 9px;
|
||||
padding: 8px 10px;
|
||||
|
||||
border-radius: 6px;
|
||||
border-radius: var(--radius-md);
|
||||
|
||||
background: var(--r2-amber-soft);
|
||||
background: var(--surface-muted);
|
||||
|
||||
color: var(--r2-amber);
|
||||
color: var(--text-2);
|
||||
|
||||
font-size: 12px;
|
||||
font-size: var(--fs-caption);
|
||||
|
||||
line-height: 1.6;
|
||||
line-height: 1.55;
|
||||
}
|
||||
|
||||
.sentiment-feedback-strip {
|
||||
@@ -1131,45 +1141,47 @@
|
||||
|
||||
grid-template-columns: 1fr 1fr;
|
||||
|
||||
border-top: 1px solid var(--r2-line-soft);
|
||||
border-top: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.sentiment-feedback-strip > span {
|
||||
min-width: 0px;
|
||||
|
||||
display: grid;
|
||||
display: flex;
|
||||
|
||||
grid-template-columns: auto 1fr;
|
||||
flex-wrap: wrap;
|
||||
|
||||
gap: 2px 8px;
|
||||
align-items: baseline;
|
||||
|
||||
padding: 8px 12px;
|
||||
gap: 2px 6px;
|
||||
|
||||
color: var(--r2-faint);
|
||||
padding: 9px 14px;
|
||||
|
||||
font-size: 10.5px;
|
||||
color: var(--text-3);
|
||||
|
||||
font-size: var(--fs-caption);
|
||||
}
|
||||
|
||||
.sentiment-feedback-strip > span + span {
|
||||
border-left: 1px solid var(--r2-line-soft);
|
||||
border-left: 1px solid var(--border);
|
||||
}
|
||||
|
||||
.sentiment-feedback-strip strong {
|
||||
color: var(--r2-ink);
|
||||
color: var(--text-1);
|
||||
|
||||
font-size: 11.5px;
|
||||
font-size: inherit;
|
||||
|
||||
text-align: right;
|
||||
font-weight: 600;
|
||||
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.sentiment-feedback-strip small {
|
||||
grid-column: 1 / -1;
|
||||
|
||||
overflow: hidden;
|
||||
|
||||
color: var(--r2-sub);
|
||||
color: var(--text-3);
|
||||
|
||||
font-size: 10px;
|
||||
font-size: var(--fs-aux);
|
||||
|
||||
text-overflow: ellipsis;
|
||||
|
||||
@@ -1399,17 +1411,17 @@
|
||||
}
|
||||
|
||||
.overview-strip .sentiment-block .sentiment-text {
|
||||
display: block;
|
||||
display: inline-flex;
|
||||
|
||||
margin: 0px;
|
||||
|
||||
padding: 0px;
|
||||
padding: 0 6px;
|
||||
|
||||
font-size: 11px;
|
||||
font-size: var(--fs-caption);
|
||||
|
||||
font-weight: 500;
|
||||
|
||||
line-height: 1;
|
||||
line-height: 18px;
|
||||
|
||||
letter-spacing: 0px;
|
||||
|
||||
@@ -1478,19 +1490,19 @@
|
||||
}
|
||||
|
||||
.overview-strip[data-overview-expanded="true"] .sentiment-block {
|
||||
min-height: 76px;
|
||||
min-height: 0;
|
||||
|
||||
justify-content: center;
|
||||
|
||||
gap: 4px;
|
||||
gap: 2px;
|
||||
|
||||
padding: 10px 16px;
|
||||
padding: 0 16px;
|
||||
|
||||
flex-direction: row;
|
||||
flex-direction: column;
|
||||
|
||||
align-items: center;
|
||||
align-items: flex-start;
|
||||
|
||||
border-right: 1px solid var(--line-soft);
|
||||
border-right: 0;
|
||||
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user