amitwh/markdown-converter
1
0
Fork 0
mirror of https://github.com/amitwh/markdown-converter.git synced 2026-08-03 02:11:07 +05:30
Code Issues Packages Projects Releases Wiki Activity

Release v3.0.0: PDF Viewer & Editor Integration

Browse Source 
Major Features:
- Integrated PDF viewer with zoom, page navigation, and fit modes
- PDF editor toolbar with direct access to all PDF operations
- New app branding with docico1.png icon
- ConcreteInfo theme (light & dark variants)
- Comprehensive PDF editing: merge, split, compress, rotate, delete, reorder
- Watermark, encrypt, decrypt, and permissions management
- Overwrite original file option for all PDF operations

UI Improvements:
- PDF viewer takes full screen when active (hides tabs and toolbar)
- Compact modals with reduced font sizes
- Dark theme fixes for icons and dialogs
- Save/Save As options for PDF operations
- Improved PDF toolbar theming

Technical:
- Added isPdfViewerActive state tracking
- Proper PDF document lifecycle management
- Fixed hang issues when switching between PDF and markdown
- All dependencies are open-source (MIT, Apache 2.0, BSD)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
amitwh
2026-01-06 18:28:55 +05:30
co-authored by Claude
parent 3a3f0b9ac1
commit b96a6e5bd2
39 changed files with 6245 additions and 454 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles.css
+296 -20
View File
@@ -1031,52 +1031,82 @@ body.theme-github .status-bar {
.export-dialog-content {
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
width: 90%;
max-width: 600px;
max-height: 90vh;
border-radius: 6px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
width: 85%;
max-width: 450px;
max-height: 80vh;
overflow-y: auto;
position: relative;
font-size: 12px;
}
.export-dialog-header {
display: flex;
align-items: center;
justify-content: space-between;
padding: 16px 20px;
padding: 12px 16px;
border-bottom: 1px solid #eee;
}
.export-dialog-header h3 {
margin: 0;
font-size: 18px;
font-size: 14px;
font-weight: 600;
}
.export-dialog-body {
padding: 20px;
padding: 14px 16px;
}
.export-section {
margin-bottom: 20px;
margin-bottom: 14px;
}
.export-section label {
display: block;
font-weight: 600;
margin-bottom: 8px;
font-weight: 500;
margin-bottom: 4px;
color: #333;
font-size: 12px;
}
.export-section label.checkbox-inline {
display: flex;
align-items: center;
gap: 6px;
cursor: pointer;
font-weight: 400;
}
.export-section label.checkbox-inline input[type="checkbox"] {
width: auto;
margin: 0;
}
/* PDF Editor buttons */
#add-merge-file {
padding: 5px 10px;
font-size: 12px;
background: #4a90d9;
color: #fff;
border: none;
border-radius: 4px;
cursor: pointer;
}
#add-merge-file:hover {
background: #357abd;
}
.export-section select,
.export-section input[type="text"],
.export-section input[type="number"] {
width: 100%;
padding: 8px 12px;
padding: 5px 8px;
border: 1px solid #ddd;
border-radius: 4px;
font-size: 14px;
font-size: 12px;
}
.export-section select:focus,
@@ -1280,9 +1310,10 @@ body.theme-dark #add-metadata-field {
/* PDF Editor Specific Styles */
.pdf-editor-content {
max-width: 600px !important;
max-height: 85vh;
max-width: 450px !important;
max-height: 75vh;
overflow-y: auto;
font-size: 12px;
}
.pdf-editor-body {
@@ -1418,12 +1449,13 @@ body.theme-dark #export-dialog-close:hover {
.batch-dialog-content {
background: #fff;
border-radius: 8px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
width: 90%;
max-width: 500px;
max-height: 80vh;
border-radius: 6px;
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
width: 85%;
max-width: 450px;
max-height: 75vh;
overflow-y: auto;
font-size: 12px;
}
.batch-dialog-header {
@@ -3152,6 +3184,250 @@ body.theme-concrete-warm .status-bar {
color: #e3e3e3;
}
/* ========================================
Sepia Theme - Warm reading theme
======================================== */
body.theme-sepia {
background: #f4ecd8;
color: #5b4636;
}
body.theme-sepia .tab-bar {
background: #e8dcc8;
border-bottom-color: #d4c4a8;
}
body.theme-sepia .tab {
background: #e8dcc8;
border-color: #d4c4a8;
color: #5b4636;
}
body.theme-sepia .tab.active {
background: #f4ecd8;
border-bottom-color: #8b7355;
}
body.theme-sepia .toolbar {
background: #e8dcc8;
border-bottom-color: #d4c4a8;
}
body.theme-sepia .toolbar button {
color: #5b4636;
}
body.theme-sepia .toolbar button:hover {
background: #d4c4a8;
}
body.theme-sepia .editor-textarea {
background: #f4ecd8;
color: #5b4636;
}
body.theme-sepia .pane:last-child {
background: #f4ecd8;
}
body.theme-sepia .preview-content {
color: #5b4636;
}
body.theme-sepia .preview-content h1,
body.theme-sepia .preview-content h2 {
color: #3d2914;
border-bottom-color: #d4c4a8;
}
body.theme-sepia .preview-content code {
background: #e8dcc8;
color: #8b4513;
}
body.theme-sepia .preview-content pre {
background: #e8dcc8;
border-color: #d4c4a8;
}
body.theme-sepia .preview-content a {
color: #8b4513;
}
body.theme-sepia .preview-content blockquote {
border-left-color: #8b7355;
background: #e8dcc8;
}
body.theme-sepia .status-bar {
background: #e8dcc8;
border-top-color: #d4c4a8;
color: #5b4636;
}
/* ========================================
Paper Theme - Clean white paper
======================================== */
body.theme-paper {
background: #ffffff;
color: #1a1a1a;
}
body.theme-paper .tab-bar {
background: #f8f8f8;
border-bottom-color: #e0e0e0;
}
body.theme-paper .tab {
background: #f0f0f0;
border-color: #e0e0e0;
color: #333;
}
body.theme-paper .tab.active {
background: #ffffff;
border-bottom-color: #1a1a1a;
}
body.theme-paper .toolbar {
background: #f8f8f8;
border-bottom-color: #e0e0e0;
}
body.theme-paper .toolbar button {
color: #333;
}
body.theme-paper .toolbar button:hover {
background: #e8e8e8;
}
body.theme-paper .editor-textarea {
background: #ffffff;
color: #1a1a1a;
}
body.theme-paper .pane:last-child {
background: #ffffff;
}
body.theme-paper .preview-content {
color: #1a1a1a;
}
body.theme-paper .preview-content h1,
body.theme-paper .preview-content h2 {
color: #000;
border-bottom-color: #e0e0e0;
}
body.theme-paper .preview-content code {
background: #f5f5f5;
color: #c41a16;
}
body.theme-paper .preview-content pre {
background: #f5f5f5;
border-color: #e0e0e0;
}
body.theme-paper .preview-content a {
color: #0366d6;
}
body.theme-paper .preview-content blockquote {
border-left-color: #ddd;
background: #f9f9f9;
}
body.theme-paper .status-bar {
background: #f8f8f8;
border-top-color: #e0e0e0;
color: #333;
}
/* ========================================
Rose Pine Dawn - Warm rose-tinted light
======================================== */
body.theme-rosepine-dawn {
background: #faf4ed;
color: #575279;
}
body.theme-rosepine-dawn .tab-bar {
background: #f2e9e1;
border-bottom-color: #dfdad9;
}
body.theme-rosepine-dawn .tab {
background: #f2e9e1;
border-color: #dfdad9;
color: #575279;
}
body.theme-rosepine-dawn .tab.active {
background: #faf4ed;
border-bottom-color: #907aa9;
}
body.theme-rosepine-dawn .toolbar {
background: #f2e9e1;
border-bottom-color: #dfdad9;
}
body.theme-rosepine-dawn .toolbar button {
color: #575279;
}
body.theme-rosepine-dawn .toolbar button:hover {
background: #dfdad9;
}
body.theme-rosepine-dawn .editor-textarea {
background: #faf4ed;
color: #575279;
}
body.theme-rosepine-dawn .pane:last-child {
background: #faf4ed;
}
body.theme-rosepine-dawn .preview-content {
color: #575279;
}
body.theme-rosepine-dawn .preview-content h1,
body.theme-rosepine-dawn .preview-content h2 {
color: #286983;
border-bottom-color: #dfdad9;
}
body.theme-rosepine-dawn .preview-content code {
background: #f2e9e1;
color: #b4637a;
}
body.theme-rosepine-dawn .preview-content pre {
background: #f2e9e1;
border-color: #dfdad9;
}
body.theme-rosepine-dawn .preview-content a {
color: #56949f;
}
body.theme-rosepine-dawn .preview-content blockquote {
border-left-color: #907aa9;
background: #f2e9e1;
color: #797593;
}
body.theme-rosepine-dawn .status-bar {
background: #f2e9e1;
border-top-color: #dfdad9;
color: #575279;
}
/* Print Styles */
@media print {
/* Hide UI elements for clean print output */