From 31468e77c5f873113516b2b21f1eb0860f3df869 Mon Sep 17 00:00:00 2001
From: Amit Haridas <amit.wh@gmail.com>
Date: Tue, 24 Mar 2026 16:50:09 +0530
Subject: [PATCH] refactor: remove old dialog CSS in favor of unified modal
 system

Amit Haridas
---
 src/styles.css | 746 +------------------------------------------------
 1 file changed, 1 insertion(+), 745 deletions(-)

diff --git a/src/styles.css b/src/styles.css
index ac3acf0..85fdfd0 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -1241,58 +1241,6 @@ body.theme-github .status-bar {
     border-right: none;
 }
 
-/* Find & Replace Dialog */
-.find-dialog {
-    position: absolute;
-    top: 60px;
-    right: 20px;
-    background: #fff;
-    border: 1px solid #ddd;
-    border-radius: 6px;
-    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
-    z-index: 1000;
-    min-width: 400px;
-    padding: 12px;
-}
-
-.find-dialog.hidden {
-    display: none;
-}
-
-.find-controls {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    margin-bottom: 8px;
-}
-
-.find-controls input {
-    flex: 1;
-    padding: 6px 8px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    font-size: 13px;
-}
-
-.find-controls button {
-    padding: 6px 10px;
-    border: 1px solid #ddd;
-    background: #f5f5f5;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 12px;
-    white-space: nowrap;
-}
-
-.find-controls button:hover {
-    background: #e5e5e5;
-}
-
-.find-info {
-    font-size: 12px;
-    color: #666;
-    text-align: right;
-}
 
 /* Editor Wrapper with Line Numbers */
 .editor-wrapper {
@@ -1329,697 +1277,6 @@ body.theme-github .status-bar {
     flex: 1;
 }
 
-/* Export Options Dialog */
-.export-dialog {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.5);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: 1000;
-}
-
-.export-dialog.hidden {
-    display: none;
-}
-
-.export-dialog-content {
-    background: #fff;
-    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: 12px 16px;
-    border-bottom: 1px solid #eee;
-}
-
-.export-dialog-header h3 {
-    margin: 0;
-    font-size: 14px;
-    font-weight: 600;
-}
-
-.export-dialog-body {
-    padding: 14px 16px;
-}
-
-.export-section {
-    margin-bottom: 14px;
-}
-
-.export-section label {
-    display: block;
-    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: 5px 8px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    font-size: 12px;
-}
-
-.export-section select:focus,
-.export-section input:focus {
-    outline: none;
-    border-color: #007acc;
-    box-shadow: 0 0 0 2px rgba(0, 122, 204, 0.1);
-}
-
-.metadata-container {
-    border: 1px solid #eee;
-    border-radius: 4px;
-    padding: 12px;
-    margin-bottom: 8px;
-}
-
-.metadata-field {
-    display: flex;
-    gap: 8px;
-    margin-bottom: 8px;
-}
-
-.metadata-field:last-child {
-    margin-bottom: 0;
-}
-
-.metadata-key {
-    flex: 0 0 120px;
-    font-weight: 600;
-}
-
-.metadata-value {
-    flex: 1;
-}
-
-.checkbox-group {
-    display: flex;
-    flex-direction: column;
-    gap: 8px;
-    margin-bottom: 12px;
-}
-
-.checkbox-group label {
-    display: flex;
-    align-items: center;
-    gap: 8px;
-    font-weight: normal;
-    margin-bottom: 0;
-}
-
-.checkbox-group input[type="checkbox"] {
-    margin: 0;
-}
-
-.form-row {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    margin-bottom: 8px;
-}
-
-.form-row label {
-    flex: 0 0 120px;
-    margin-bottom: 0;
-}
-
-.form-row input,
-.form-row select {
-    flex: 1;
-}
-
-.form-row button {
-    flex: 0 0 auto;
-    padding: 8px 16px;
-    background: #f5f5f5;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 14px;
-}
-
-.form-row button:hover {
-    background: #e8e8e8;
-}
-
-.pdf-only {
-    display: none;
-}
-
-.export-dialog[data-format="pdf"] .pdf-only {
-    display: block;
-}
-
-.export-dialog-footer {
-    display: flex;
-    justify-content: flex-end;
-    gap: 12px;
-    padding: 16px 20px;
-    border-top: 1px solid #eee;
-    background: #f8f9fa;
-    border-radius: 0 0 8px 8px;
-}
-
-.export-dialog-footer button {
-    padding: 10px 20px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 14px;
-    font-weight: 500;
-}
-
-.export-dialog-footer button.primary {
-    background: #007acc;
-    color: white;
-    border-color: #007acc;
-}
-
-.export-dialog-footer button.primary:hover {
-    background: #005fa3;
-    border-color: #005fa3;
-}
-
-.export-dialog-footer button:not(.primary) {
-    background: #f5f5f5;
-}
-
-.export-dialog-footer button:not(.primary):hover {
-    background: #e8e8e8;
-}
-
-#export-dialog-close {
-    background: none;
-    border: none;
-    font-size: 20px;
-    cursor: pointer;
-    padding: 0;
-    width: 24px;
-    height: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 4px;
-}
-
-#export-dialog-close:hover {
-    background: #f0f0f0;
-}
-
-#add-metadata-field {
-    padding: 6px 12px;
-    background: #f8f9fa;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 13px;
-    color: #666;
-}
-
-#add-metadata-field:hover {
-    background: #e9ecef;
-}
-
-/* Theme support for export dialog */
-body[class*="dark"] .export-dialog-content {
-    background: #2d2d2d;
-    color: #f0f0f0;
-}
-
-body[class*="dark"] .export-dialog-header {
-    border-color: #444;
-}
-
-body[class*="dark"] .export-dialog-footer {
-    background: #333;
-    border-color: #444;
-}
-
-body[class*="dark"] .export-section label {
-    color: #f0f0f0;
-}
-
-body[class*="dark"] .export-section select,
-body[class*="dark"] .export-section input {
-    background: #1a1a1a;
-    border-color: #555;
-    color: #f0f0f0;
-}
-
-body[class*="dark"] .metadata-container {
-    border-color: #444;
-    background: #1a1a1a;
-}
-
-body[class*="dark"] .form-row button,
-body[class*="dark"] #add-metadata-field {
-    background: #1a1a1a;
-    border-color: #555;
-    color: #f0f0f0;
-}
-
-/* PDF Editor Specific Styles */
-.pdf-editor-content {
-    max-width: 450px !important;
-    max-height: 75vh;
-    overflow-y: auto;
-    font-size: 12px;
-}
-
-.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[class*="dark"] .file-list {
-    background: #1a1a1a;
-    border-color: #555;
-}
-
-body[class*="dark"] .file-entry {
-    background: #2d2d2d;
-    border-color: #444;
-    color: #f0f0f0;
-}
-
-body[class*="dark"] .pdf-editor-content {
-    background: #2d2d2d;
-}
-
-body[class*="dark"] .pdf-editor-body {
-    background: #2d2d2d;
-}
-
-body[class*="dark"] .form-row button:hover,
-body[class*="dark"] #add-metadata-field:hover {
-    background: #333;
-}
-
-body[class*="dark"] #export-dialog-close:hover {
-    background: #444;
-}
-
-/* Batch Conversion Dialog */
-.batch-dialog {
-    position: fixed;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background: rgba(0, 0, 0, 0.5);
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    z-index: 1000;
-}
-
-.batch-dialog.hidden {
-    display: none;
-}
-
-.batch-dialog-content {
-    background: #fff;
-    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 {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 16px 20px;
-    border-bottom: 1px solid #eee;
-}
-
-.batch-dialog-header h3 {
-    margin: 0;
-    font-size: 18px;
-    font-weight: 600;
-}
-
-.batch-dialog-body {
-    padding: 20px;
-}
-
-.batch-section {
-    margin-bottom: 20px;
-}
-
-.batch-section label {
-    display: block;
-    font-weight: 600;
-    margin-bottom: 8px;
-    color: #333;
-}
-
-.batch-section select,
-.batch-section input[type="text"] {
-    width: 100%;
-    padding: 8px 12px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    font-size: 14px;
-}
-
-.folder-input-group {
-    display: flex;
-    gap: 8px;
-}
-
-.folder-input-group input {
-    flex: 1;
-}
-
-.folder-input-group button {
-    padding: 8px 16px;
-    background: #f5f5f5;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 14px;
-    white-space: nowrap;
-}
-
-.folder-input-group button:hover {
-    background: #e8e8e8;
-}
-
-.batch-section label input[type="checkbox"] {
-    margin-right: 8px;
-}
-
-#batch-show-options {
-    padding: 8px 16px;
-    background: #f8f9fa;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 14px;
-    color: #666;
-}
-
-#batch-show-options:hover {
-    background: #e9ecef;
-}
-
-.batch-progress {
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    padding: 16px;
-    background: #f8f9fa;
-}
-
-.progress-bar {
-    width: 100%;
-    height: 8px;
-    background: #e0e0e0;
-    border-radius: 4px;
-    overflow: hidden;
-    margin-bottom: 8px;
-}
-
-.progress-fill {
-    height: 100%;
-    background: #007acc;
-    transition: width 0.3s ease;
-    width: 0%;
-}
-
-.progress-text {
-    display: flex;
-    justify-content: space-between;
-    font-size: 14px;
-    color: #666;
-}
-
-.batch-dialog-footer {
-    display: flex;
-    justify-content: flex-end;
-    gap: 12px;
-    padding: 16px 20px;
-    border-top: 1px solid #eee;
-    background: #f8f9fa;
-    border-radius: 0 0 8px 8px;
-}
-
-.batch-dialog-footer button {
-    padding: 10px 20px;
-    border: 1px solid #ddd;
-    border-radius: 4px;
-    cursor: pointer;
-    font-size: 14px;
-    font-weight: 500;
-}
-
-.batch-dialog-footer button.primary {
-    background: #007acc;
-    color: white;
-    border-color: #007acc;
-}
-
-.batch-dialog-footer button.primary:hover:not(:disabled) {
-    background: #005fa3;
-    border-color: #005fa3;
-}
-
-.batch-dialog-footer button.primary:disabled {
-    background: #ccc;
-    border-color: #ccc;
-    cursor: not-allowed;
-}
-
-.batch-dialog-footer button:not(.primary) {
-    background: #f5f5f5;
-}
-
-.batch-dialog-footer button:not(.primary):hover {
-    background: #e8e8e8;
-}
-
-#batch-dialog-close {
-    background: none;
-    border: none;
-    font-size: 20px;
-    cursor: pointer;
-    padding: 0;
-    width: 24px;
-    height: 24px;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    border-radius: 4px;
-}
-
-#batch-dialog-close:hover {
-    background: #f0f0f0;
-}
-
-/* Theme support for batch dialog */
-body[class*="dark"] .batch-dialog-content {
-    background: #2d2d2d;
-    color: #f0f0f0;
-}
-
-body[class*="dark"] .batch-dialog-header {
-    border-color: #444;
-}
-
-body[class*="dark"] .batch-dialog-footer {
-    background: #333;
-    border-color: #444;
-}
-
-body[class*="dark"] .batch-section label {
-    color: #f0f0f0;
-}
-
-body[class*="dark"] .batch-section select,
-body[class*="dark"] .batch-section input {
-    background: #1a1a1a;
-    border-color: #555;
-    color: #f0f0f0;
-}
-
-body[class*="dark"] .folder-input-group button,
-body[class*="dark"] #batch-show-options {
-    background: #1a1a1a;
-    border-color: #555;
-    color: #f0f0f0;
-}
-
-body[class*="dark"] .folder-input-group button:hover,
-body[class*="dark"] #batch-show-options:hover {
-    background: #333;
-}
-
-body[class*="dark"] .batch-progress {
-    background: #1a1a1a;
-    border-color: #444;
-}
-
-body[class*="dark"] .progress-text {
-    color: #ccc;
-}
-
-body[class*="dark"] #batch-dialog-close:hover {
-    background: #444;
-}
-
-/* Theme support for find dialog */
-body[class*="dark"] .find-dialog {
-    background: #2d2d2d;
-    border-color: #555;
-    color: #f0f0f0;
-}
-
-body[class*="dark"] .find-controls input {
-    background: #333;
-    border-color: #555;
-    color: #f0f0f0;
-}
-
-body[class*="dark"] .find-controls button {
-    background: #404040;
-    border-color: #555;
-    color: #f0f0f0;
-}
-
-body[class*="dark"] .find-controls button:hover {
-    background: #4a4a4a;
-}
 
 body[class*="dark"] .line-numbers {
     background: #2a2a2a;
@@ -3760,8 +3017,7 @@ body.theme-rosepine-dawn .status-bar {
     .editor-pane,
     [id^="editor-pane-"],
     .dialog,
-    .modal-overlay,
-    .export-dialog {
+    .modal-overlay {
         display: none !important;
     }