修改文字堆砌的问题
This commit is contained in:
@@ -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;
|
||||
|
||||
@@ -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
|
||||
|
||||
@@ -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 = 下一段
|
||||
|
||||
Reference in New Issue
Block a user