snapexcel 1.2.1 → 1.2.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "snapexcel",
-  "version": "1.2.1",
+  "version": "1.2.2",
   "description": "Desktop Screenshot Logger for UI Testing - Capture any window including Android emulators",
   "main": "src/main.js",
   "bin": {

package/src/index.html

@@ -23,10 +23,7 @@
         </div>
         <h1>Screenshot Logger</h1>
       </div>
-      <div class="header-actions">
-        <button id="btn-minimize-header" class="btn-icon btn-minimize-header hidden" title="Minimize">➖</button>
-      </div>
-    </header>
+          </header>
 
     <!-- Setup View -->
     <div id="setup-view" class="view">
@@ -115,13 +112,6 @@
         </div>
       </div>
 
-      <!-- Secondary Actions -->
-      <div class="secondary-actions">
-        <button id="btn-note" class="btn btn-secondary btn-full" title="Add Note">
-          📝 Add Note
-        </button>
-      </div>
-
       <!-- Screenshots Grid -->
       <div class="screenshots-section">
         <div class="section-header">

package/src/renderer.js

@@ -33,17 +33,11 @@ const elements = {
   btnStartSession: document.getElementById('btn-start-session'),
   btnImportExcel: document.getElementById('btn-import-excel'),
 
-  // Header
-  btnMinimizeHeader: document.getElementById('btn-minimize-header'),
-
   // Session Info
   currentFileName: document.getElementById('current-file-name'),
   sheetSelect: document.getElementById('sheet-select'),
   btnAddSheet: document.getElementById('btn-add-sheet'),
 
-  // Actions
-  btnNote: document.getElementById('btn-note'),
-
   // Screenshots
   screenshotsGrid: document.getElementById('screenshots-grid'),
   screenshotCount: document.getElementById('screenshot-count'),
@@ -276,15 +270,6 @@ function setupEventListeners() {
     if (e.key === 'Enter') startSession();
   });
 
-  // Header
-  elements.btnMinimizeHeader.addEventListener('click', showMinimalView);
-
-  // Minimal view capture
-  elements.btnCaptureMinimal.addEventListener('click', captureScreenshot);
-
-  // Secondary Actions
-  elements.btnNote.addEventListener('click', openNoteModal);
-
   // Sheet Management
   elements.sheetSelect.addEventListener('change', switchSheet);
   elements.btnAddSheet.addEventListener('click', openSheetModal);
@@ -341,30 +326,15 @@ function setupEventListeners() {
 function showSetupView() {
   elements.setupView.classList.remove('hidden');
   elements.captureView.classList.add('hidden');
-  elements.minimalView.classList.add('hidden');
-  elements.btnMinimizeHeader.classList.add('hidden');
   elements.fileNameInput.focus();
 }
 
 function showCaptureView() {
   elements.setupView.classList.add('hidden');
   elements.captureView.classList.remove('hidden');
-  elements.minimalView.classList.add('hidden');
-  elements.btnMinimizeHeader.classList.remove('hidden');
-  state.isMinimalView = false;
   updateUI();
 }
 
-function showMinimalView() {
-  elements.setupView.classList.add('hidden');
-  elements.captureView.classList.add('hidden');
-  elements.minimalView.classList.remove('hidden');
-  elements.btnMinimizeHeader.classList.add('hidden');
-  state.isMinimalView = true;
-  ipcRenderer.invoke('set-window-size', { width: 300, height: 180 });
-  updateMinimalUI();
-}
-
 // ==================== Session Management ====================
 function startSession() {
   const fileName = elements.fileNameInput.value.trim();
@@ -1311,7 +1281,7 @@ function generatePDFHTML() {
     .screenshot-row:hover { background: #E6F2FC; }
     .col-num { width: 50px; text-align: center; display: flex; align-items: center; justify-content: center; }
     .col-screenshot { width: 420px; }
-    .col-notes { flex: 1; font-size: 12px; padding-left: 15px; }
+    .col-notes { flex: 1; font-size: 12px; padding-left: 15px; word-wrap: break-word; overflow-wrap: break-word; word-break: break-word; max-width: 400px; }
     .timestamp {
       font-size: 11px;
       color: #666;
@@ -1467,11 +1437,12 @@ function generateHTML() {
     .content { padding: 30px 40px; }
     .sheet { margin-bottom: 40px; }
     .sheet h2 { color: #041E42; font-size: 20px; margin-bottom: 16px; padding-bottom: 8px; border-bottom: 3px solid #0071DC; }
-    table { width: 100%; border-collapse: collapse; margin-bottom: 20px; }
+    table { width: 100%; border-collapse: collapse; margin-bottom: 20px; table-layout: fixed; }
     th { background: #041E42; color: white; padding: 12px 16px; text-align: left; font-weight: 600; }
-    td { padding: 12px 16px; border-bottom: 1px solid #e0e0e0; vertical-align: top; }
+    td { padding: 12px 16px; border-bottom: 1px solid #e0e0e0; vertical-align: top; word-wrap: break-word; overflow-wrap: break-word; }
     tr:hover { background: #E6F2FC; }
     .timestamp { font-size: 12px; color: #666; margin-bottom: 8px; }
+    td:nth-child(3) { max-width: 400px; word-break: break-word; }
     .screenshot-img:hover { transform: scale(1.02); box-shadow: 0 4px 12px rgba(0,0,0,0.15); }
     .footer { background: #041E42; color: white; padding: 20px 40px; text-align: center; font-size: 13px; }
 

package/src/styles.css

@@ -143,6 +143,17 @@ body {
   color: white;
 }
 
+.btn-floating-mode {
+  background: rgba(255, 255, 255, 0.2);
+  border: none;
+  color: white;
+}
+
+.btn-floating-mode:hover {
+  background: rgba(255, 255, 255, 0.35);
+  transform: scale(1.05);
+}
+
 /* Views */
 .view {
   display: flex;
@@ -519,39 +530,68 @@ body {
   display: flex;
   flex-direction: column;
   margin-bottom: 12px;
+  background: linear-gradient(145deg, #f4f6f9 0%, #eaeff4 100%);
+  border-radius: 5px;
+  border: 0.5px solid rgba(4, 30, 66, 0.04);
+  padding: 5px;
 }
 
 .section-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
-  font-size: 12px;
+  font-size: 11px;
   font-weight: 600;
-  color: var(--text-secondary);
-  margin-bottom: 10px;
+  color: var(--primary-color);
+  margin-bottom: 5px;
+  padding: 0 3px 3px 3px;
+  border-bottom: 0.5px solid rgba(4, 30, 66, 0.04);
 }
 
 .badge {
   background: var(--primary-color);
   color: white;
-  padding: 2px 8px;
-  border-radius: 10px;
-  font-size: 11px;
+  padding: 2px 7px;
+  border-radius: 8px;
+  font-size: 10px;
   font-weight: 600;
 }
 
 .screenshots-grid {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
-  gap: 10px;
+  gap: 8px;
   overflow-y: auto;
-  padding: 10px;
-  background: var(--background-secondary);
-  border-radius: var(--border-radius-sm);
-  min-height: 80px;
+  padding: 5px;
+  background: rgba(255, 255, 255, 0.5);
+  border-radius: 3px;
+  min-height: 70px;
   max-height: 200px;
 }
 
+/* Ultra thin scrollbar - both vertical and horizontal */
+.screenshots-grid::-webkit-scrollbar {
+  width: 3px;
+  height: 3px;
+}
+
+.screenshots-grid::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.screenshots-grid::-webkit-scrollbar-thumb {
+  background: rgba(4, 30, 66, 0.15);
+  border-radius: 2px;
+}
+
+.screenshots-grid::-webkit-scrollbar-thumb:hover {
+  background: rgba(4, 30, 66, 0.3);
+}
+
+.screenshots-grid::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
 .empty-state {
   grid-column: 1 / -1;
   display: flex;