mirror of
https://github.com/amitwh/markdown-converter.git
synced 2026-08-02 18:10:18 +05:30
Release v1.8.1: Streamlined PDF Editor UI
Enhanced PDF Editor user experience with cleaner, more intuitive interface: ✨ UI Improvements: - Streamlined PDF Editor dialog to show only selected function - Removed cluttered "all functions at once" display - Added smooth fade-in animation when showing function-specific sections - Improved dialog sizing: max-width 600px, max-height 85vh - Better visual separation with compact section spacing 🎨 Styling Enhancements: - Added PDF editor-specific CSS classes for better organization - Enhanced file list styling with better contrast - Improved remove button styling with danger color - Complete dark theme support for all PDF editor components - Better scrolling behavior for long forms 🔧 Technical Improvements: - Maintained existing show/hide logic (already working correctly) - Enhanced CSS specificity with .pdf-editor-content and .pdf-editor-body classes - Added @keyframes fadeIn animation for smooth transitions - Improved overflow handling for better UX on smaller screens 🌙 Theme Support: - Full dark mode styling for file lists and entries - Proper color contrast for all interactive elements - Consistent styling across all 22 themes The PDF Editor now provides a clean, focused interface showing only the relevant controls for each operation (merge, split, compress, rotate, delete, reorder, watermark, encrypt, decrypt, permissions). 🤖 Generated with Claude Code Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
+2
-2
@@ -556,12 +556,12 @@
|
||||
|
||||
<!-- PDF Editor Dialog -->
|
||||
<div id="pdf-editor-dialog" class="export-dialog hidden">
|
||||
<div class="export-dialog-content">
|
||||
<div class="export-dialog-content pdf-editor-content">
|
||||
<div class="export-dialog-header">
|
||||
<h3 id="pdf-editor-title">PDF Editor</h3>
|
||||
<button id="pdf-editor-dialog-close" title="Close">×</button>
|
||||
</div>
|
||||
<div class="export-dialog-body">
|
||||
<div class="export-dialog-body pdf-editor-body">
|
||||
<!-- Merge PDFs Section -->
|
||||
<div id="pdf-merge-section" class="pdf-operation-section hidden">
|
||||
<div class="export-section">
|
||||
|
||||
+1
-1
@@ -475,7 +475,7 @@ function createMenu() {
|
||||
type: 'info',
|
||||
title: 'About PanConverter',
|
||||
message: 'PanConverter',
|
||||
detail: 'A cross-platform Markdown editor and converter using Pandoc.\n\nVersion: 1.8.0\nAuthor: Amit Haridas\nEmail: amit.wh@gmail.com\nLicense: MIT\n\nFeatures:\n• Modern glassmorphism UI with gradient backgrounds\n• Comprehensive PDF Editor (merge, split, compress, rotate, watermark, encrypt)\n• Universal File Converter (LibreOffice, ImageMagick, FFmpeg, Pandoc)\n• Windows Explorer context menu integration\n• Tabbed interface for multiple files\n• Advanced markdown editing with live preview\n• Real-time preview updates while typing\n• Full toolbar markdown editing functions\n• Enhanced PDF export with built-in Electron fallback\n• Enhanced Word export with template support (single file & batch)\n• File association support for .md files\n• Command-line interface for batch conversion\n• Advanced export options with templates and metadata\n• Batch file conversion with progress tracking\n• Improved preview typography and spacing\n• Adjustable font sizes via menu (Ctrl+Shift+Plus/Minus)\n• Complete theme support including Monokai fixes\n• Find & replace with match highlighting\n• Line numbers and auto-indentation\n• Export to multiple formats via Pandoc\n• PowerPoint & presentation export\n• Export tables to Excel/ODS spreadsheets\n• Document import & conversion\n• Table creation helper\n• 22 beautiful themes (including Dracula, Nord, Tokyo Night, Gruvbox, Ayu, Concrete, and more)\n• Undo/redo functionality\n• Live word count and statistics',
|
||||
detail: 'A cross-platform Markdown editor and converter using Pandoc.\n\nVersion: 1.8.1\nAuthor: Amit Haridas\nEmail: amit.wh@gmail.com\nLicense: MIT\n\nFeatures:\n• Modern glassmorphism UI with gradient backgrounds\n• Streamlined PDF Editor UI (merge, split, compress, rotate, watermark, encrypt)\n• Universal File Converter (LibreOffice, ImageMagick, FFmpeg, Pandoc)\n• Windows Explorer context menu integration\n• Tabbed interface for multiple files\n• Advanced markdown editing with live preview\n• Real-time preview updates while typing\n• Full toolbar markdown editing functions\n• Enhanced PDF export with built-in Electron fallback\n• Enhanced Word export with template support (single file & batch)\n• File association support for .md files\n• Command-line interface for batch conversion\n• Advanced export options with templates and metadata\n• Batch file conversion with progress tracking\n• Improved preview typography and spacing\n• Adjustable font sizes via menu (Ctrl+Shift+Plus/Minus)\n• Complete theme support including Monokai fixes\n• Find & replace with match highlighting\n• Line numbers and auto-indentation\n• Export to multiple formats via Pandoc\n• PowerPoint & presentation export\n• Export tables to Excel/ODS spreadsheets\n• Document import & conversion\n• Table creation helper\n• 22 beautiful themes (including Dracula, Nord, Tokyo Night, Gruvbox, Ayu, Concrete, and more)\n• Undo/redo functionality\n• Live word count and statistics',
|
||||
buttons: ['OK']
|
||||
});
|
||||
}
|
||||
|
||||
+111
@@ -1098,6 +1098,117 @@ body.theme-dark #add-metadata-field {
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
/* PDF Editor Specific Styles */
|
||||
.pdf-editor-content {
|
||||
max-width: 600px !important;
|
||||
max-height: 85vh;
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.pdf-editor-body {
|
||||
min-height: 200px;
|
||||
max-height: calc(85vh - 150px);
|
||||
overflow-y: auto;
|
||||
}
|
||||
|
||||
.pdf-operation-section {
|
||||
animation: fadeIn 0.3s ease-in;
|
||||
}
|
||||
|
||||
@keyframes fadeIn {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: translateY(-10px);
|
||||
}
|
||||
to {
|
||||
opacity: 1;
|
||||
transform: translateY(0);
|
||||
}
|
||||
}
|
||||
|
||||
.pdf-operation-section.hidden {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
/* Make PDF Editor sections more compact */
|
||||
.pdf-operation-section .export-section {
|
||||
margin-bottom: 18px;
|
||||
}
|
||||
|
||||
.pdf-operation-section .export-section:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
/* File list styling for merge operation */
|
||||
.file-list {
|
||||
border: 1px solid #ddd;
|
||||
border-radius: 4px;
|
||||
padding: 10px;
|
||||
margin-bottom: 10px;
|
||||
min-height: 100px;
|
||||
max-height: 200px;
|
||||
overflow-y: auto;
|
||||
background: #fafafa;
|
||||
}
|
||||
|
||||
.file-entry {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
padding: 8px;
|
||||
margin-bottom: 6px;
|
||||
background: white;
|
||||
border: 1px solid #e0e0e0;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.file-entry:last-child {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.file-name {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
margin-right: 10px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.remove-file {
|
||||
padding: 4px 10px;
|
||||
background: #dc3545;
|
||||
color: white;
|
||||
border: none;
|
||||
border-radius: 4px;
|
||||
cursor: pointer;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.remove-file:hover {
|
||||
background: #c82333;
|
||||
}
|
||||
|
||||
/* Theme support for PDF Editor */
|
||||
body.theme-dark .file-list {
|
||||
background: #1a1a1a;
|
||||
border-color: #555;
|
||||
}
|
||||
|
||||
body.theme-dark .file-entry {
|
||||
background: #2d2d2d;
|
||||
border-color: #444;
|
||||
color: #f0f0f0;
|
||||
}
|
||||
|
||||
body.theme-dark .pdf-editor-content {
|
||||
background: #2d2d2d;
|
||||
}
|
||||
|
||||
body.theme-dark .pdf-editor-body {
|
||||
background: #2d2d2d;
|
||||
}
|
||||
|
||||
body.theme-dark .form-row button:hover,
|
||||
body.theme-dark #add-metadata-field:hover {
|
||||
background: #333;
|
||||
|
||||
Reference in New Issue
Block a user