修改文字堆砌的问题

This commit is contained in:
yhy
2026-08-30 08:28:01 +08:00
parent ce79275d41
commit 3702527613
7 changed files with 284 additions and 103 deletions
+91 -40
View File
@@ -849,9 +849,43 @@ collapsible-section[open] > :not(.head) .chatpapers-lecture-root {
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: color-mix(in srgb, currentColor 32%, transparent) transparent;
}
.chatpapers-lecture-beat-list.chatpapers-lecture-scroll-y {
scrollbar-gutter: stable;
}
/* 段落列表:单行省略;详情区:换行(二者作用域分离) */
.chatpapers-lecture-beat-list .chatpapers-lecture-beat-line {
display: flex;
align-items: center;
gap: 8px;
flex: 1 1 auto;
min-width: 0;
max-width: 100%;
overflow: hidden;
}
.chatpapers-lecture-beat-list .chatpapers-lecture-beat-label {
flex: 0 0 auto;
font-size: 11px;
font-weight: 600;
line-height: 1.3;
opacity: 0.72;
white-space: nowrap;
}
.chatpapers-lecture-beat-list .chatpapers-lecture-beat-preview {
flex: 1 1 0;
width: 0;
min-width: 0;
font-size: 12px;
line-height: 1.4;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.chatpapers-lecture-beat-list.chatpapers-lecture-scroll-y::-webkit-scrollbar,
.chatpapers-lecture-para-detail.chatpapers-lecture-scroll-y::-webkit-scrollbar {
width: 5px;
@@ -1062,19 +1096,32 @@ collapsible-section[open] > :not(.head) .chatpapers-lecture-root {
font-size: 11px;
}
.chatpapers-lecture-para-original.is-active-sentence {
.chatpapers-lecture-beat-list .chatpapers-lecture-sentence-item {
max-height: 42px;
}
.chatpapers-lecture-beat-list .chatpapers-lecture-sentence-item .chatpapers-lecture-beat-main {
max-height: 40px;
}
.chatpapers-lecture-para-detail .chatpapers-lecture-para-original.is-active-sentence {
display: block;
margin-top: 2px;
margin-bottom: 8px;
border-left: 3px solid #1f7a8c;
padding-left: 8px;
padding: 6px 8px;
background: color-mix(in srgb, #1f7a8c 8%, transparent);
}
.chatpapers-lecture-sentence-list {
.chatpapers-lecture-para-detail .chatpapers-lecture-sentence-list {
display: flex;
flex-direction: column;
gap: 4px;
margin-top: 8px;
}
.chatpapers-lecture-sentence-chip {
.chatpapers-lecture-para-detail .chatpapers-lecture-sentence-chip {
display: block;
appearance: none;
width: 100%;
box-sizing: border-box;
@@ -1088,15 +1135,24 @@ collapsible-section[open] > :not(.head) .chatpapers-lecture-root {
font-size: 11px;
line-height: 1.35;
color: inherit;
white-space: normal;
word-break: break-word;
overflow-wrap: anywhere;
overflow-wrap: break-word;
}
.chatpapers-lecture-sentence-chip.is-active {
.chatpapers-lecture-para-detail .chatpapers-lecture-sentence-chip.is-active {
background: color-mix(in srgb, #1f7a8c 12%, transparent);
border-color: color-mix(in srgb, #1f7a8c 40%, transparent);
}
.chatpapers-lecture-selection-explain .chatpapers-lecture-para-original.is-active-sentence {
display: block;
margin-bottom: 6px;
border-left: 3px solid #1f7a8c;
padding: 6px 8px;
background: color-mix(in srgb, #1f7a8c 8%, transparent);
}
.chatpapers-lecture-pdf-sync-hint {
margin-top: 4px;
font-size: 10px;
@@ -1105,9 +1161,7 @@ collapsible-section[open] > :not(.head) .chatpapers-lecture-root {
}
.chatpapers-lecture-para-detail {
display: flex;
flex-direction: column;
gap: 6px;
display: block;
padding: 10px;
border-radius: 8px;
background: color-mix(in srgb, #1f7a8c 5%, transparent);
@@ -1139,15 +1193,25 @@ collapsible-section[open] > :not(.head) .chatpapers-lecture-root {
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
overflow-x: hidden;
max-width: 100%;
font-size: 12px;
line-height: 1.55;
}
.chatpapers-lecture-beat-detail .chatpapers-lecture-beat-script {
white-space: pre-wrap;
word-break: break-word;
overflow-wrap: break-word;
max-width: 100%;
font-size: 12px;
line-height: 1.55;
font-weight: 500;
}
.chatpapers-lecture-para-detail .chatpapers-lecture-para-original-label,
.chatpapers-lecture-para-detail .chatpapers-lecture-para-translation-label,
.chatpapers-lecture-para-detail .chatpapers-lecture-para-context-label {
display: block;
white-space: normal;
}
@@ -1160,8 +1224,15 @@ collapsible-section[open] > :not(.head) .chatpapers-lecture-root {
}
.chatpapers-lecture-para-play-btn {
align-self: flex-start;
margin-bottom: 2px;
display: inline-flex;
margin-bottom: 6px;
}
.chatpapers-lecture-beat-detail-meta {
font-size: 11px;
font-weight: 600;
opacity: 0.78;
line-height: 1.35;
}
.chatpapers-lecture-selection-explain {
@@ -1208,20 +1279,26 @@ collapsible-section[open] > :not(.head) .chatpapers-lecture-root {
.chatpapers-lecture-para-original-label,
.chatpapers-lecture-para-translation-label,
.chatpapers-lecture-para-context-label {
display: block;
font-size: 10px;
font-weight: 600;
opacity: 0.6;
text-transform: uppercase;
letter-spacing: 0.04em;
margin-top: 4px;
margin-top: 8px;
margin-bottom: 2px;
}
.chatpapers-lecture-para-original {
display: block;
opacity: 0.9;
margin-bottom: 4px;
}
.chatpapers-lecture-para-translation {
display: block;
font-weight: 500;
margin-bottom: 4px;
}
.chatpapers-lecture-para-context {
@@ -1337,33 +1414,7 @@ collapsible-section[open] > :not(.head) .chatpapers-lecture-root {
opacity: 0.55;
}
.chatpapers-lecture-beat-line {
display: flex;
align-items: center;
gap: 8px;
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
}
.chatpapers-lecture-beat-label {
flex-shrink: 0;
font-size: 11px;
font-weight: 600;
line-height: 1.3;
opacity: 0.72;
white-space: nowrap;
}
.chatpapers-lecture-beat-preview {
flex: 1 1 auto;
min-width: 0;
font-size: 12px;
line-height: 1.4;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
/* beat-line / beat-preview 规则见上方 .chatpapers-lecture-beat-list 作用域 */
.chatpapers-lecture-beat-status {
flex-shrink: 0;
+3
View File
@@ -82,6 +82,9 @@ lecture-status-ready-phase1 = Preparation done (Phase 1: summary ready)
lecture-status-ready-step1 = Ready: { $count } segments — tap a segment or press Play
lecture-status-failed = Preparation incomplete
lecture-beat-list-title = Overview lecture
lecture-beat-list-hint = Click a segment for details; click ▶ to play
lecture-beat-detail-empty = Select a segment above to view the full script
lecture-beat-label = Segment { $n }
lecture-play-start = Play
lecture-play-pause = Pause
lecture-play-next = Next
+3
View File
@@ -82,6 +82,9 @@ lecture-status-ready-phase1 = 备课完成(Phase 1:摘要已生成)
lecture-status-ready-step1 = 备课完成:{ $count } 段讲解可播放,点击下方段落或播放按钮开始听课
lecture-status-failed = 备课未完成,请重试或检查 LLM 设置
lecture-beat-list-title = 整体讲解
lecture-beat-list-hint = 点击讲解段查看详情,点击 ▶ 开始朗读
lecture-beat-detail-empty = 点击上方讲解段查看完整讲稿
lecture-beat-label = 讲解 { $n }
lecture-play-start = 播放
lecture-play-pause = 暂停
lecture-play-next = 下一段