mirror of
https://github.com/tdccccc/arxiv-daily.git
synced 2026-07-22 07:46:18 +00:00
a3095ea4d8
Why: First-time users had to interpret status tags and internal scoring thresholds before they could generate a useful report. What: Replace automatic detail thresholds with one Fewer/Recommended/More dropdown while preserving existing custom policies. Turn onboarding into an accessible four-step guide that links to existing forms, waits for the first completed report, collapses after success, and restores itself when configuration becomes invalid. Align Dashboard recovery copy, documentation, styles, and tests, and lower the lint warning budget to the new baseline. Validation: - npm test (789 tests) - npm run typecheck - npm run lint (0 errors, 134 warnings) - npm run test:release-tools - npm run check:boundaries - npm run check:release-version -- 0.3.1 - npm run build - npm run smoke:build - git diff --check - installed and hash-matched release assets in plugin_test
1377 lines
28 KiB
CSS
1377 lines
28 KiB
CSS
/* arXiv Daily plugin styles */
|
|
|
|
.arxiv-daily-ribbon-dashboard {
|
|
order: 999;
|
|
}
|
|
|
|
.arxiv-daily-modal-button-row {
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
gap: 0.5em;
|
|
margin-top: 0.75em;
|
|
}
|
|
|
|
.arxiv-daily-diagnostics-textarea {
|
|
width: 100%;
|
|
height: 360px;
|
|
resize: vertical;
|
|
font-family: var(--font-monospace);
|
|
font-size: var(--font-smaller);
|
|
}
|
|
|
|
.arxiv-daily-hub-modal {
|
|
width: min(90vw, 900px);
|
|
max-height: min(90vh, 800px);
|
|
}
|
|
|
|
.arxiv-daily-hub-modal__content {
|
|
display: flex;
|
|
min-height: 0;
|
|
max-height: min(82vh, 740px);
|
|
flex-direction: column;
|
|
}
|
|
|
|
.arxiv-daily-hub-modal__tabs {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 6px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.arxiv-daily-hub-modal__tab {
|
|
border-radius: 6px;
|
|
padding: 4px 10px;
|
|
font-size: var(--font-ui-small);
|
|
}
|
|
|
|
.arxiv-daily-hub-modal__tab.hub-modal-tab-active {
|
|
background: var(--interactive-accent);
|
|
color: var(--text-on-accent);
|
|
}
|
|
|
|
.arxiv-daily-hub-modal__body {
|
|
min-height: 0;
|
|
max-height: 65vh;
|
|
flex: 1 1 360px;
|
|
overflow: auto;
|
|
}
|
|
|
|
.arxiv-daily-hub-modal__panel {
|
|
display: none;
|
|
margin: 0;
|
|
white-space: pre-wrap;
|
|
word-break: break-word;
|
|
font-family: var(--font-monospace);
|
|
font-size: var(--font-smaller);
|
|
user-select: text;
|
|
cursor: text;
|
|
}
|
|
|
|
.arxiv-daily-hub-modal__panel.is-active {
|
|
display: block;
|
|
}
|
|
|
|
.arxiv-daily-hub-modal__footer {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
justify-content: flex-end;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.arxiv-daily-settings .arxiv-daily-settings__section {
|
|
scroll-margin-top: 24px;
|
|
}
|
|
|
|
.arxiv-daily-settings__help {
|
|
display: inline-flex;
|
|
width: 1.1em;
|
|
height: 1.1em;
|
|
align-items: center;
|
|
justify-content: center;
|
|
margin-left: 0.4em;
|
|
border: 1px solid currentColor;
|
|
border-radius: 50%;
|
|
opacity: 0.55;
|
|
cursor: help;
|
|
font-size: 0.75em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
.arxiv-daily-settings__hint {
|
|
margin-bottom: 0.4em;
|
|
opacity: 0.65;
|
|
font-size: 0.82em;
|
|
}
|
|
|
|
.arxiv-daily-settings__llm-input {
|
|
box-sizing: border-box;
|
|
width: 260px;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.arxiv-daily-settings__llm-http-warning {
|
|
display: none;
|
|
margin: 0 0 0.75em 0;
|
|
border: 1px solid var(--text-warning, var(--text-accent));
|
|
border-radius: 6px;
|
|
padding: 0.5em 0.75em;
|
|
background: var(--background-modifier-warning, var(--background-secondary));
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.arxiv-daily-settings__llm-http-warning.is-visible {
|
|
display: block;
|
|
}
|
|
|
|
.arxiv-daily-settings__model-select {
|
|
min-width: 160px;
|
|
}
|
|
|
|
.arxiv-daily-settings__time-field {
|
|
display: flex;
|
|
min-width: 116px;
|
|
align-items: center;
|
|
gap: 0.5em;
|
|
}
|
|
|
|
.arxiv-daily-settings__time-label {
|
|
flex: 0 0 auto;
|
|
font-size: var(--font-ui-small);
|
|
font-weight: 600;
|
|
}
|
|
|
|
.arxiv-daily-settings__time-select {
|
|
min-width: 76px;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.arxiv-daily-settings__empty-topics {
|
|
margin-bottom: 0.75em;
|
|
border: 1px dashed var(--background-modifier-border);
|
|
border-radius: 6px;
|
|
padding: 0.75em;
|
|
opacity: 0.85;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-card {
|
|
margin-bottom: 0.5em;
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 6px;
|
|
padding: 0.5em 0.75em;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-header {
|
|
display: flex;
|
|
width: 100%;
|
|
min-width: 0;
|
|
align-items: center;
|
|
justify-content: flex-start;
|
|
gap: 0.5em;
|
|
border: 0;
|
|
padding: 0;
|
|
background: transparent;
|
|
color: inherit;
|
|
font: inherit;
|
|
text-align: left;
|
|
cursor: pointer;
|
|
user-select: none;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-caret {
|
|
width: 1em;
|
|
opacity: 0.6;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-title {
|
|
min-width: 0;
|
|
overflow-wrap: anywhere;
|
|
font-weight: 600;
|
|
text-align: left;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-title.is-muted {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-star {
|
|
color: var(--text-accent);
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-tag {
|
|
opacity: 0.55;
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-form {
|
|
margin-top: 0.6em;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-form.is-collapsed {
|
|
display: none;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-row {
|
|
margin-bottom: 0.5em;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-label {
|
|
display: block;
|
|
margin-bottom: 0.25em;
|
|
font-weight: 600;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-name-input,
|
|
.arxiv-daily-settings__topic-description,
|
|
.arxiv-daily-settings__textarea {
|
|
width: 100%;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-tag-input {
|
|
width: 60%;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-auto {
|
|
margin-left: 0.5em;
|
|
opacity: 0.5;
|
|
font-size: 0.85em;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-auto.is-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-footer {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-detail-label {
|
|
cursor: pointer;
|
|
}
|
|
|
|
.arxiv-daily-settings__topic-detail-checkbox {
|
|
margin-right: 0.4em;
|
|
}
|
|
|
|
.arxiv-daily-setup {
|
|
margin-bottom: 16px;
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 6px;
|
|
padding: 14px;
|
|
background: var(--background-secondary);
|
|
}
|
|
|
|
.arxiv-daily-setup__header,
|
|
.arxiv-daily-setup__complete-summary {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: baseline;
|
|
justify-content: space-between;
|
|
gap: 6px 12px;
|
|
}
|
|
|
|
.arxiv-daily-setup__header {
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.arxiv-daily-setup__title {
|
|
margin: 0;
|
|
color: var(--text-normal);
|
|
font-size: var(--font-ui-medium);
|
|
font-weight: var(--font-semibold);
|
|
}
|
|
|
|
.arxiv-daily-setup__progress-summary,
|
|
.arxiv-daily-setup__complete-date {
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-small);
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.arxiv-daily-setup__progress {
|
|
display: block;
|
|
width: 100%;
|
|
height: 6px;
|
|
margin: 0 0 12px;
|
|
accent-color: var(--interactive-accent);
|
|
}
|
|
|
|
.arxiv-daily-setup__list {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
|
|
gap: 8px;
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style-position: inside;
|
|
}
|
|
|
|
.arxiv-daily-setup__item {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) auto;
|
|
align-items: start;
|
|
gap: 6px 8px;
|
|
min-width: 0;
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 6px;
|
|
padding: 10px;
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.arxiv-daily-setup__item::marker {
|
|
color: var(--text-muted);
|
|
font-variant-numeric: tabular-nums;
|
|
font-weight: var(--font-semibold);
|
|
}
|
|
|
|
.arxiv-daily-setup__item.is-done {
|
|
color: var(--text-muted);
|
|
}
|
|
|
|
.arxiv-daily-setup__item-body {
|
|
min-width: 0;
|
|
}
|
|
|
|
.arxiv-daily-setup__label {
|
|
overflow-wrap: anywhere;
|
|
color: var(--text-normal);
|
|
font-size: var(--font-ui-small);
|
|
font-weight: var(--font-semibold);
|
|
}
|
|
|
|
.arxiv-daily-setup__description {
|
|
margin-top: 3px;
|
|
overflow-wrap: anywhere;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-smaller);
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.arxiv-daily-setup__status {
|
|
color: var(--text-accent);
|
|
font-size: var(--font-ui-smaller);
|
|
font-weight: var(--font-semibold);
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.arxiv-daily-setup__item.is-done .arxiv-daily-setup__status {
|
|
color: var(--color-green, var(--text-success));
|
|
}
|
|
|
|
.arxiv-daily-setup__link {
|
|
grid-column: 1 / -1;
|
|
justify-self: start;
|
|
min-height: 28px;
|
|
padding: 2px 8px;
|
|
font-size: var(--font-ui-smaller);
|
|
}
|
|
|
|
.arxiv-daily-setup__link:focus-visible,
|
|
.arxiv-daily-setup__actions button:focus-visible,
|
|
.arxiv-daily-settings__section:focus-visible {
|
|
outline: 2px solid var(--interactive-accent);
|
|
outline-offset: 2px;
|
|
}
|
|
|
|
.arxiv-daily-setup__details {
|
|
margin-top: 10px;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-small);
|
|
}
|
|
|
|
.arxiv-daily-setup__details ul {
|
|
margin: 6px 0 0 18px;
|
|
padding: 0;
|
|
}
|
|
|
|
.arxiv-daily-setup__actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.arxiv-daily-setup__actions button {
|
|
min-height: 30px;
|
|
}
|
|
|
|
.arxiv-daily-setup--complete {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 8px 16px;
|
|
padding-block: 10px;
|
|
}
|
|
|
|
.arxiv-daily-setup--complete .arxiv-daily-setup__complete-summary {
|
|
min-width: 0;
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.arxiv-daily-setup--complete .arxiv-daily-setup__actions {
|
|
margin-top: 0;
|
|
}
|
|
|
|
@media (prefers-reduced-motion: reduce) {
|
|
.arxiv-daily-settings *,
|
|
.arxiv-daily-settings *::before,
|
|
.arxiv-daily-settings *::after {
|
|
scroll-behavior: auto !important;
|
|
transition-duration: 0.01ms !important;
|
|
}
|
|
}
|
|
|
|
.arxiv-daily-dashboard {
|
|
--arxiv-daily-table-min-width: 780px;
|
|
container-name: arxiv-daily-dashboard;
|
|
container-type: inline-size;
|
|
height: 100%;
|
|
padding: 16px;
|
|
overflow: auto;
|
|
user-select: text;
|
|
}
|
|
|
|
.arxiv-daily-dashboard button {
|
|
user-select: none;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 12px;
|
|
margin-bottom: 14px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__header h2 {
|
|
margin: 0;
|
|
font-size: 1.25rem;
|
|
font-weight: var(--font-semibold);
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__header-main {
|
|
min-width: 0;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__status-line {
|
|
margin-top: 3px;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-small);
|
|
line-height: 1.25;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__settings-btn {
|
|
display: inline-flex;
|
|
min-height: 30px;
|
|
align-items: center;
|
|
gap: 6px;
|
|
padding: 4px 10px;
|
|
border: none;
|
|
border-radius: 4px;
|
|
background: var(--interactive-normal);
|
|
color: var(--text-normal);
|
|
font-size: var(--font-ui-small);
|
|
cursor: pointer;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__settings-btn:hover {
|
|
background: var(--interactive-hover);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__refresh {
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__toolbar {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 10px;
|
|
margin-bottom: 14px;
|
|
padding-top: 2px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__tabs {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 6px;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__toolbar-actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
justify-content: flex-end;
|
|
gap: 6px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__toolbar-button {
|
|
display: inline-flex;
|
|
min-height: 30px;
|
|
align-items: center;
|
|
gap: 6px;
|
|
padding: 4px 10px;
|
|
font-size: var(--font-ui-small);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__notice {
|
|
margin: -4px 0 12px;
|
|
padding: 7px 10px;
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 6px;
|
|
background: var(--background-secondary);
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-small);
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__tab {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
min-height: 30px;
|
|
padding: 4px 10px;
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 6px;
|
|
background: var(--background-secondary);
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-small);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__tab:hover {
|
|
color: var(--text-normal);
|
|
background: var(--background-modifier-hover);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__tab.is-active {
|
|
color: var(--text-normal);
|
|
border-color: var(--interactive-accent);
|
|
background: var(--background-primary);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__tab-count {
|
|
min-width: 1.8em;
|
|
padding: 1px 6px;
|
|
border-radius: 999px;
|
|
background: var(--background-modifier-border);
|
|
color: var(--text-muted);
|
|
text-align: center;
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__overview {
|
|
display: grid;
|
|
grid-template-columns: minmax(0, 1fr) minmax(280px, 1fr);
|
|
gap: 16px;
|
|
align-items: stretch;
|
|
margin-bottom: 8px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__overview-main,
|
|
.arxiv-daily-dashboard__overview-calendar {
|
|
min-width: 0;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__overview-main {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__overview-main > :last-child {
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__filters {
|
|
display: grid;
|
|
grid-template-areas:
|
|
"search search search"
|
|
"topic date reset";
|
|
grid-template-columns: minmax(140px, 1fr) minmax(220px, 300px) 32px;
|
|
align-items: end;
|
|
gap: 14px 10px;
|
|
margin-bottom: 24px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar {
|
|
border-left: 1px solid var(--background-modifier-border);
|
|
padding-left: 16px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-header {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 12px;
|
|
margin-bottom: 6px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-header h3 {
|
|
margin: 0;
|
|
font-size: var(--font-ui-medium);
|
|
font-weight: var(--font-semibold);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-controls {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-today {
|
|
min-height: 26px;
|
|
padding: 2px 8px;
|
|
font-size: var(--font-ui-smaller);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-month {
|
|
min-width: 72px;
|
|
color: var(--text-muted);
|
|
text-align: center;
|
|
font-size: var(--font-ui-small);
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-weekdays,
|
|
.arxiv-daily-dashboard__calendar-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(7, minmax(28px, 1fr));
|
|
gap: 3px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-weekdays {
|
|
margin-bottom: 3px;
|
|
color: var(--text-faint);
|
|
font-size: var(--font-ui-smaller);
|
|
text-align: center;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-day {
|
|
position: relative;
|
|
display: flex;
|
|
min-width: 0;
|
|
min-height: 30px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 5px;
|
|
background: var(--background-primary);
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-smaller);
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-day:disabled,
|
|
span.arxiv-daily-dashboard__calendar-day {
|
|
opacity: 0.5;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-day.is-today:disabled,
|
|
span.arxiv-daily-dashboard__calendar-day.is-today {
|
|
opacity: 1;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-day.is-empty {
|
|
visibility: hidden;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-day.has-report {
|
|
border-color: var(--interactive-accent);
|
|
color: var(--text-normal);
|
|
font-weight: var(--font-semibold);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-day.no-relevant-papers {
|
|
color: var(--text-muted);
|
|
font-size: 11px;
|
|
opacity: 0.85;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-day.is-today {
|
|
border-color: var(--text-accent);
|
|
background: var(--background-modifier-hover);
|
|
color: var(--text-normal);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-day.has-report.is-today {
|
|
box-shadow: inset 0 0 0 1px var(--text-accent);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-day.has-report:hover {
|
|
background: var(--background-modifier-hover);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-day.is-runnable {
|
|
background-color: transparent;
|
|
border: 1px solid var(--color-green);
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-day.is-runnable::before {
|
|
content: "";
|
|
position: absolute;
|
|
inset: 0;
|
|
background-color: var(--color-green);
|
|
opacity: 0.15;
|
|
border-radius: inherit;
|
|
z-index: -1;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-day.is-runnable:hover::before {
|
|
opacity: 0.3;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-day.is-runnable:hover {
|
|
box-shadow: 0 0 0 1px var(--color-green);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-day.is-runnable .arxiv-daily-dashboard__calendar-day-icon {
|
|
position: absolute;
|
|
right: 3px;
|
|
bottom: 3px;
|
|
display: inline-flex;
|
|
width: 12px;
|
|
height: 12px;
|
|
align-items: center;
|
|
justify-content: center;
|
|
color: var(--color-green);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-day.is-runnable .arxiv-daily-dashboard__calendar-day-icon svg {
|
|
width: 12px;
|
|
height: 12px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-day-count {
|
|
position: absolute;
|
|
right: 4px;
|
|
bottom: 2px;
|
|
color: var(--text-accent);
|
|
font-size: 11px;
|
|
line-height: 1;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__filter {
|
|
display: flex;
|
|
min-width: 0;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-smaller);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__filter input,
|
|
.arxiv-daily-dashboard__filter select {
|
|
width: 100%;
|
|
min-height: 30px;
|
|
font-size: var(--font-ui-small);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__filter--search {
|
|
grid-area: search;
|
|
min-width: 0;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__filter--topic {
|
|
grid-area: topic;
|
|
min-width: 0;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__filter--date-range {
|
|
grid-area: date;
|
|
min-width: 0;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__date-range {
|
|
display: grid;
|
|
grid-template-columns: auto minmax(0, 1fr) auto minmax(0, 1fr);
|
|
align-items: center;
|
|
gap: 6px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__date-range input {
|
|
min-width: 0;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__date-range-prefix,
|
|
.arxiv-daily-dashboard__date-range-separator {
|
|
color: var(--text-faint);
|
|
font-size: var(--font-ui-smaller);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__filter--checkbox {
|
|
min-height: 30px;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
gap: 8px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__filter--checkbox input {
|
|
width: auto;
|
|
min-height: 0;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__filter-label {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__filter-reset-wrap {
|
|
grid-area: reset;
|
|
align-self: end;
|
|
justify-self: end;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__filter-reset {
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__stats {
|
|
display: grid;
|
|
grid-template-columns: repeat(auto-fit, minmax(92px, 1fr));
|
|
gap: 8px;
|
|
margin-bottom: 0;
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
padding: 8px 0;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__stat {
|
|
display: flex;
|
|
min-width: 0;
|
|
align-items: baseline;
|
|
gap: 15px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__stat-value {
|
|
display: block;
|
|
order: 2;
|
|
color: var(--text-normal);
|
|
font-size: var(--font-ui-medium);
|
|
font-variant-numeric: tabular-nums;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__stat-label {
|
|
display: block;
|
|
order: 1;
|
|
margin-top: 0;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-smaller);
|
|
line-height: 1.25;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__batch {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
gap: 8px 12px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__batch-actions {
|
|
display: flex;
|
|
min-width: 0;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 6px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__batch-count {
|
|
min-width: 86px;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-small);
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__batch-button {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
gap: 6px;
|
|
min-height: 30px;
|
|
padding: 4px 10px;
|
|
font-size: var(--font-ui-small);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__batch-priority select {
|
|
min-height: 30px;
|
|
font-size: var(--font-ui-small);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__batch-icon {
|
|
flex: 0 0 auto;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__batch-controls {
|
|
display: flex;
|
|
min-width: 0;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
gap: 8px 12px;
|
|
margin-left: auto;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__batch-showing {
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-smaller);
|
|
font-variant-numeric: tabular-nums;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__batch-display {
|
|
display: inline-flex;
|
|
min-width: 0;
|
|
align-items: center;
|
|
gap: 6px;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-smaller);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__batch-display select {
|
|
min-height: 30px;
|
|
max-width: 88px;
|
|
font-size: var(--font-ui-small);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__batch-sort {
|
|
display: inline-flex;
|
|
min-width: 0;
|
|
align-items: center;
|
|
gap: 6px;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-smaller);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__batch-sort select {
|
|
min-height: 30px;
|
|
max-width: 190px;
|
|
font-size: var(--font-ui-small);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__table-wrap {
|
|
overflow-x: auto;
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 6px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__table {
|
|
width: 100%;
|
|
min-width: var(--arxiv-daily-table-min-width);
|
|
border-collapse: collapse;
|
|
table-layout: fixed;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__table th,
|
|
.arxiv-daily-dashboard__table td {
|
|
padding: 8px 10px;
|
|
border-bottom: 1px solid var(--background-modifier-border);
|
|
vertical-align: top;
|
|
text-align: left;
|
|
font-size: var(--font-ui-small);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__table th {
|
|
position: sticky;
|
|
top: 0;
|
|
z-index: 1;
|
|
background: var(--background-secondary);
|
|
color: var(--text-muted);
|
|
font-weight: var(--font-semibold);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__table tr:last-child td {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__table th:nth-child(1),
|
|
.arxiv-daily-dashboard__table td:nth-child(1) {
|
|
width: 44px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__table th:nth-child(2),
|
|
.arxiv-daily-dashboard__table td:nth-child(2) {
|
|
width: 56px;
|
|
text-align: center;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__table th:nth-child(3),
|
|
.arxiv-daily-dashboard__table td:nth-child(3) {
|
|
width: auto;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__table th:nth-child(4),
|
|
.arxiv-daily-dashboard__table td:nth-child(4) {
|
|
width: 120px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__table th:nth-child(5),
|
|
.arxiv-daily-dashboard__table td:nth-child(5) {
|
|
width: 104px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__table th:nth-child(6),
|
|
.arxiv-daily-dashboard__table td:nth-child(6) {
|
|
width: 116px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__pagination {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
justify-content: flex-end;
|
|
gap: 8px;
|
|
margin-top: 10px;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-smaller);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__pagination-button {
|
|
width: 28px;
|
|
height: 28px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__pagination-label,
|
|
.arxiv-daily-dashboard__pagination-size {
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__title-cell {
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__title {
|
|
color: var(--text-normal);
|
|
font-size: var(--font-ui-medium);
|
|
font-weight: var(--font-semibold);
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__meta,
|
|
.arxiv-daily-dashboard__summary {
|
|
margin-top: 3px;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-smaller);
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__summary {
|
|
color: var(--text-faint);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__match-reason {
|
|
margin-top: 4px;
|
|
overflow: hidden;
|
|
color: var(--text-accent);
|
|
font-size: var(--font-ui-smaller);
|
|
line-height: 1.35;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__star {
|
|
color: var(--text-faint);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__star.is-starred {
|
|
color: var(--text-accent);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__star.is-starred svg {
|
|
fill: currentColor;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__actions {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 28px);
|
|
gap: 4px;
|
|
user-select: none;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__action {
|
|
height: 28px;
|
|
width: 28px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__state {
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 6px;
|
|
padding: 18px;
|
|
color: var(--text-muted);
|
|
background: var(--background-secondary);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__empty {
|
|
max-width: 760px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__empty-title {
|
|
color: var(--text-normal);
|
|
font-size: var(--font-ui-medium);
|
|
font-weight: var(--font-semibold);
|
|
line-height: 1.35;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__empty-desc {
|
|
margin-top: 4px;
|
|
line-height: 1.45;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__empty-list {
|
|
margin: 10px 0 0 18px;
|
|
padding: 0;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__empty-actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 8px;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__empty-action {
|
|
display: inline-flex;
|
|
min-height: 30px;
|
|
align-items: center;
|
|
gap: 6px;
|
|
padding: 4px 10px;
|
|
font-size: var(--font-ui-small);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__state--error {
|
|
color: var(--text-error);
|
|
border-color: var(--background-modifier-error);
|
|
}
|
|
|
|
.arxiv-daily-similar-modal {
|
|
max-height: min(82vh, 760px);
|
|
overflow-y: auto;
|
|
}
|
|
|
|
.arxiv-daily-similar-modal__source,
|
|
.arxiv-daily-similar-modal__meta,
|
|
.arxiv-daily-similar-modal__context,
|
|
.arxiv-daily-similar-modal__reason,
|
|
.arxiv-daily-similar-modal__empty {
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-small);
|
|
}
|
|
|
|
.arxiv-daily-similar-modal__list {
|
|
display: grid;
|
|
gap: 10px;
|
|
margin: 14px 0 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
.arxiv-daily-similar-modal__item {
|
|
min-width: 0;
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 6px;
|
|
padding: 10px;
|
|
}
|
|
|
|
.arxiv-daily-similar-modal__title {
|
|
overflow-wrap: anywhere;
|
|
font-weight: var(--font-semibold);
|
|
}
|
|
|
|
.arxiv-daily-similar-modal__meta,
|
|
.arxiv-daily-similar-modal__context,
|
|
.arxiv-daily-similar-modal__reason {
|
|
margin-top: 4px;
|
|
overflow-wrap: anywhere;
|
|
}
|
|
|
|
.arxiv-daily-similar-modal__reason {
|
|
color: var(--text-accent);
|
|
}
|
|
|
|
.arxiv-daily-similar-modal__actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 6px;
|
|
margin-top: 8px;
|
|
}
|
|
|
|
@media (max-width: 520px) {
|
|
.arxiv-daily-similar-modal {
|
|
padding-inline: 12px;
|
|
}
|
|
|
|
.arxiv-daily-similar-modal__item {
|
|
padding: 8px;
|
|
}
|
|
}
|
|
|
|
.arxiv-daily-progress {
|
|
position: fixed;
|
|
right: 18px;
|
|
bottom: 18px;
|
|
z-index: var(--layer-popover);
|
|
width: min(360px, calc(100vw - 36px));
|
|
border: 1px solid var(--background-modifier-border);
|
|
border-radius: 8px;
|
|
background: var(--background-primary);
|
|
box-shadow: var(--shadow-s);
|
|
color: var(--text-normal);
|
|
padding: 12px;
|
|
}
|
|
|
|
.arxiv-daily-progress.is-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.arxiv-daily-progress__header {
|
|
display: flex;
|
|
align-items: baseline;
|
|
justify-content: space-between;
|
|
gap: 12px;
|
|
}
|
|
|
|
.arxiv-daily-progress__title {
|
|
overflow: hidden;
|
|
font-size: var(--font-ui-medium);
|
|
font-weight: var(--font-semibold);
|
|
line-height: 1.3;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.arxiv-daily-progress__percent {
|
|
flex: 0 0 auto;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-small);
|
|
font-variant-numeric: tabular-nums;
|
|
}
|
|
|
|
.arxiv-daily-progress__detail {
|
|
overflow: hidden;
|
|
margin-top: 6px;
|
|
color: var(--text-muted);
|
|
font-size: var(--font-ui-small);
|
|
line-height: 1.35;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.arxiv-daily-progress__track {
|
|
height: 7px;
|
|
margin-top: 10px;
|
|
overflow: hidden;
|
|
border-radius: 999px;
|
|
background: var(--background-modifier-border);
|
|
}
|
|
|
|
.arxiv-daily-progress__fill {
|
|
width: 0;
|
|
height: 100%;
|
|
border-radius: inherit;
|
|
background: var(--interactive-accent);
|
|
transition: width 180ms ease;
|
|
}
|
|
|
|
.arxiv-daily-progress.is-complete .arxiv-daily-progress__fill {
|
|
background: var(--color-green);
|
|
}
|
|
|
|
.arxiv-daily-progress.is-error .arxiv-daily-progress__fill {
|
|
background: var(--text-error);
|
|
}
|
|
|
|
@container arxiv-daily-dashboard (max-width: 920px) {
|
|
.arxiv-daily-dashboard__toolbar {
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__toolbar-actions {
|
|
justify-content: flex-start;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__overview {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar {
|
|
border-left: 0;
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
padding-top: 10px;
|
|
padding-left: 0;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__filters {
|
|
grid-template-columns: minmax(120px, 1fr) minmax(200px, 260px) 32px;
|
|
}
|
|
}
|
|
|
|
@container arxiv-daily-dashboard (max-width: 520px) {
|
|
.arxiv-daily-dashboard__filters {
|
|
grid-template-areas:
|
|
"search"
|
|
"topic"
|
|
"date"
|
|
"reset";
|
|
grid-template-columns: minmax(0, 1fr);
|
|
}
|
|
|
|
.arxiv-daily-dashboard__filter-reset-wrap {
|
|
justify-self: start;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-header {
|
|
align-items: flex-start;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar-weekdays,
|
|
.arxiv-daily-dashboard__calendar-grid {
|
|
grid-template-columns: repeat(7, minmax(24px, 1fr));
|
|
}
|
|
}
|
|
|
|
@supports not (container-type: inline-size) {
|
|
@media (max-width: 920px) {
|
|
.arxiv-daily-dashboard__overview {
|
|
grid-template-columns: 1fr;
|
|
}
|
|
|
|
.arxiv-daily-dashboard__calendar {
|
|
border-left: 0;
|
|
border-top: 1px solid var(--background-modifier-border);
|
|
padding-top: 10px;
|
|
padding-left: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
.arxiv-daily-hub-modal__level-filter {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 6px;
|
|
margin-bottom: 8px;
|
|
}
|
|
.arxiv-daily-hub-modal__level-filter--hidden {
|
|
display: none;
|
|
}
|
|
.arxiv-daily-hub-modal__level-chip {
|
|
padding: 2px 10px;
|
|
border-radius: 999px;
|
|
border: 1px solid var(--background-modifier-border);
|
|
background: transparent;
|
|
font-size: var(--font-ui-smaller);
|
|
cursor: pointer;
|
|
}
|
|
.arxiv-daily-hub-modal__level-chip.is-active {
|
|
background: var(--interactive-accent);
|
|
color: var(--text-on-accent);
|
|
border-color: var(--interactive-accent);
|
|
}
|