hunter00zb_pdf-export-compress/styles.css
hunter00zb 4ec9679650 v1.1.0 - Quality & max-width controls, bilingual UI, CJS compile fix
- Add image quality slider (10-100%) and max width control (200-3000px)
- Bilingual Chinese/English interface throughout
- "Save As" native dialog with Electron API
- Fix: tsconfig module changed to CommonJS for Obsidian compatibility
- Fix: importHelpers disabled to inline TS helpers
- README reordered: Chinese first, then English
2026-05-22 16:30:03 +08:00

91 lines
2.1 KiB
CSS

/* Obsidian Export PDF (+ image compress) - Plugin Styles */
/* ── Modal width constraint ── */
.export-pdf-modal {
max-width: 480px;
}
.export-pdf-modal .setting-item-description {
font-size: var(--font-ui-smaller);
}
/* ── Path row: textarea + select button ── */
.export-pdf-path-row {
display: flex;
gap: 8px;
align-items: stretch;
margin: 0 0 4px 0;
}
.export-pdf-path-input {
flex: 1;
min-height: unset;
height: 4.2em; /* 2 lines */
font-family: var(--font-monospace);
font-size: var(--font-ui-smaller);
resize: none;
padding: 2px 6px;
border: 1px solid var(--background-modifier-border);
border-radius: 4px;
background: var(--background-modifier-form-field);
color: var(--text-normal);
line-height: 1.5;
}
.export-pdf-browse-btn {
flex-shrink: 0;
padding: 4px 14px;
height: 4.2em;
border: 1px solid var(--background-modifier-border);
border-radius: 4px;
background: var(--background-secondary);
color: var(--text-normal);
font-size: var(--font-ui-smaller);
cursor: pointer;
white-space: nowrap;
}
.export-pdf-browse-btn:hover {
background: var(--background-modifier-hover);
}
.export-pdf-browse-btn:active {
background: var(--background-modifier-active);
}
/* ── Quality slider ── */
.export-pdf-quality-row {
display: flex;
align-items: center;
gap: 12px;
margin: 8px 0 4px 0;
}
.export-pdf-quality-slider {
flex: 1;
height: 4px;
accent-color: var(--interactive-accent);
cursor: pointer;
}
.export-pdf-quality-display {
flex-shrink: 0;
width: 40px;
text-align: right;
font-size: var(--font-ui-small);
font-weight: 600;
color: var(--text-accent);
}
/* ── Max width input ── */
.export-pdf-max-width-input {
width: 80px;
padding: 2px 6px;
font-family: var(--font-monospace);
font-size: var(--font-ui-smaller);
border: 1px solid var(--background-modifier-border);
border-radius: 4px;
background: var(--background-modifier-form-field);
color: var(--text-normal);
text-align: right;
}