增加阅读是pdf中高亮显示

This commit is contained in:
yhy
2026-08-29 22:46:28 +08:00
parent 3a2438f566
commit 1475f8b3c5
17 changed files with 2125 additions and 95 deletions
+200 -4
View File
@@ -3,13 +3,32 @@
flex-direction: column;
gap: 8px;
padding: 8px;
min-height: 320px;
min-height: 0;
box-sizing: border-box;
font-size: 13px;
-moz-user-select: text;
user-select: text;
}
.chatpapers-pane-body {
min-height: 0 !important;
}
collapsible-section:not([open]) > :not(.head) .chatpapers-root,
collapsible-section:not([open]) > :not(.head) .chatpapers-lecture-root {
min-height: 0 !important;
padding-block: 0;
overflow: hidden;
}
collapsible-section[open] > :not(.head) .chatpapers-root {
min-height: 240px;
}
collapsible-section[open] > :not(.head) .chatpapers-lecture-root {
min-height: 180px;
}
.chatpapers-header {
display: flex;
flex-direction: column;
@@ -216,9 +235,9 @@
}
.chatpapers-messages {
flex: 1;
min-height: 180px;
max-height: 420px;
flex: 1 1 auto;
min-height: 0;
max-height: min(420px, 45vh);
overflow: auto;
border: 1px solid color-mix(in srgb, currentColor 18%, transparent);
border-radius: 8px;
@@ -856,6 +875,183 @@
line-height: 1.4;
}
.chatpapers-lecture-mode-tabs {
display: flex;
gap: 0;
padding: 3px;
border-radius: 10px;
background: #e8eef0;
border: 1px solid #c5d3d8;
}
.chatpapers-lecture-mode-tab {
flex: 1;
-moz-appearance: none;
appearance: none;
padding: 8px 10px;
border: none;
border-radius: 8px;
background: transparent;
font-size: 12px;
font-weight: 700;
cursor: pointer;
color: #4a5568;
transition: background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
.chatpapers-lecture-mode-tab:hover:not(.is-active) {
background: rgba(255, 255, 255, 0.55);
color: #2d3748;
}
.chatpapers-lecture-mode-tab.is-active,
.chatpapers-lecture-mode-tab[aria-selected="true"] {
color: #ffffff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.18);
}
.chatpapers-lecture-mode-tabs.mode-paragraph
.chatpapers-lecture-mode-tab[data-mode="paragraph"].is-active,
.chatpapers-lecture-mode-tabs.mode-paragraph
.chatpapers-lecture-mode-tab[data-mode="paragraph"][aria-selected="true"] {
background: #1f7a8c;
}
.chatpapers-lecture-mode-tabs.mode-overview
.chatpapers-lecture-mode-tab[data-mode="overview"].is-active,
.chatpapers-lecture-mode-tabs.mode-overview
.chatpapers-lecture-mode-tab[data-mode="overview"][aria-selected="true"] {
background: #2563eb;
}
.chatpapers-lecture-granularity-tabs {
display: none;
gap: 0;
padding: 2px;
margin-top: 2px;
border-radius: 8px;
background: #f3f6f8;
border: 1px solid #d8e2e8;
}
.chatpapers-lecture-granularity-tabs.is-visible {
display: flex;
}
.chatpapers-lecture-granularity-tab {
flex: 1;
-moz-appearance: none;
appearance: none;
padding: 6px 8px;
border: none;
border-radius: 6px;
background: transparent;
font-size: 11px;
font-weight: 700;
cursor: pointer;
color: #64748b;
transition: background 0.15s ease, color 0.15s ease;
}
.chatpapers-lecture-granularity-tab:hover:not(.is-active) {
background: rgba(255, 255, 255, 0.7);
color: #334155;
}
.chatpapers-lecture-granularity-tab.is-active,
.chatpapers-lecture-granularity-tab[aria-selected="true"] {
background: #ffffff;
color: #1f7a8c;
box-shadow: 0 1px 3px rgba(31, 122, 140, 0.2);
outline: 1px solid rgba(31, 122, 140, 0.35);
}
.chatpapers-lecture-sentence-item .chatpapers-lecture-beat-title {
font-size: 11px;
}
.chatpapers-lecture-para-original.is-active-sentence {
border-left: 3px solid #1f7a8c;
padding-left: 8px;
background: color-mix(in srgb, #1f7a8c 8%, transparent);
}
.chatpapers-lecture-sentence-list {
display: flex;
flex-direction: column;
gap: 4px;
}
.chatpapers-lecture-sentence-chip {
padding: 4px 8px;
border-radius: 6px;
border: 1px solid color-mix(in srgb, #1f7a8c 20%, transparent);
cursor: pointer;
font-size: 11px;
line-height: 1.35;
}
.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-pdf-sync-hint {
margin-top: 4px;
font-size: 10px;
opacity: 0.72;
font-style: italic;
}
.chatpapers-lecture-para-detail {
display: flex;
flex-direction: column;
gap: 6px;
padding: 10px;
border-radius: 8px;
background: color-mix(in srgb, #1f7a8c 5%, transparent);
border: 1px solid color-mix(in srgb, #1f7a8c 15%, transparent);
font-size: 12px;
line-height: 1.45;
max-height: 200px;
overflow-y: auto;
}
.chatpapers-lecture-para-kind {
font-size: 11px;
font-weight: 600;
opacity: 0.75;
}
.chatpapers-lecture-para-role {
font-size: 11px;
opacity: 0.85;
font-style: italic;
}
.chatpapers-lecture-para-original-label,
.chatpapers-lecture-para-translation-label,
.chatpapers-lecture-para-context-label {
font-size: 10px;
font-weight: 600;
opacity: 0.6;
text-transform: uppercase;
letter-spacing: 0.04em;
margin-top: 4px;
}
.chatpapers-lecture-para-original {
opacity: 0.9;
}
.chatpapers-lecture-para-translation {
font-weight: 500;
}
.chatpapers-lecture-para-context {
opacity: 0.85;
}
.chatpapers-lecture-player {
display: flex;
flex-direction: column;