md-task-viewer 0.1.3 → 0.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{color-scheme:dark;--bg: #0a0e14;--bg-strong: #0d1117;--panel: #131920;--panel-border: #21262d;--text: #e6edf3;--muted: #7d8590;--accent: #3fb950;--accent-strong: #2ea043;--danger: #f85149;--shadow: 0 2px 8px rgba(0, 0, 0, .4);font-family:JetBrains Mono,IBM Plex Mono,Fira Code,SF Mono,Cascadia Code,monospace;line-height:1.6;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden}#root{height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;flex-direction:column;height:100vh;padding:12px 16px 16px;gap:12px;overflow:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0;padding-bottom:12px;border-bottom:1px solid var(--panel-border)}.app-header-left{display:flex;align-items:baseline;gap:12px;min-width:0}.app-header h1{margin:0;font-family:inherit;font-size:1.1rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;white-space:nowrap;color:var(--accent)}.app-header h1:before{content:"> ";color:var(--muted)}.eyebrow{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:600;white-space:nowrap}.layout-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:1px;flex:1;min-height:0;background:var(--panel-border)}.panel{display:flex;flex-direction:column;background:var(--panel);border:none;border-radius:0;padding:14px 16px;min-height:0;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--panel-border);flex-shrink:0}.panel-header h2{margin:0;font-family:inherit;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.panel-header span{font-size:.75rem;color:var(--muted)}.panel-header-right{display:flex;align-items:center;gap:12px}.filter-toggle{display:flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-toggle input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.sidebar-scroll{flex:1;overflow-y:auto;min-height:0;margin:0 -4px;padding:0 4px}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:0}.task-list{display:grid;gap:2px}.empty-list{margin:0;padding:14px;border-radius:0;background:#ffffff08;border:1px dashed var(--panel-border);color:var(--muted);font-size:.82rem}.task-row{display:grid;gap:3px;width:100%;text-align:left;padding:8px 10px;border-radius:0;border:1px solid transparent;border-left:2px solid transparent;background:#ffffff05;transition:background .1s ease,border-color .1s ease}.task-row:hover{background:#ffffff0d;border-left-color:var(--muted)}.task-row-selected{background:#3fb9500f;border-color:#3fb95026;border-left-color:var(--accent)}.task-row-badges{display:flex;gap:6px;align-items:center}.task-row strong{font-size:.82rem;font-weight:600;line-height:1.3}.task-row small{color:var(--muted);font-size:.72rem}.badge{display:inline-flex;justify-content:center;width:fit-content;padding:1px 6px;border-radius:0;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid}.badge-must{background:#f851491a;color:#f85149;border-color:#f851494d}.badge-want{background:#3fb9501a;color:#3fb950;border-color:#3fb9504d}.badge-todo{background:#58a6ff1a;color:#58a6ff;border-color:#58a6ff4d}.badge-wip{background:#d299221a;color:#d29922;border-color:#d299224d}.badge-done{background:#3fb95014;color:#2ea043;border-color:#2ea0434d}.editor-panel{overflow:hidden}.editor-scroll{flex:1;overflow-y:auto;min-height:0;margin:0 -4px;padding:0 4px}.editor-scroll::-webkit-scrollbar{width:4px}.editor-scroll::-webkit-scrollbar-track{background:transparent}.editor-scroll::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:0}.task-form{display:flex;flex-direction:column;gap:12px;height:100%}.task-form label{display:grid;gap:4px}.task-form span{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.task-form input,.task-form select,.task-form textarea{width:100%;padding:7px 10px;border:1px solid var(--panel-border);border-radius:0;background:var(--bg);color:var(--text);font-size:.88rem;transition:border-color .1s ease}.task-form input:focus,.task-form select:focus,.task-form textarea:focus{outline:none;border-color:var(--accent)}.task-form textarea{resize:none;flex:1;min-height:120px}.editor-label{flex:1;display:flex!important;flex-direction:column;min-height:0}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-row-top{padding-bottom:12px;border-bottom:1px solid var(--panel-border)}.meta-strip{display:flex;gap:16px;color:var(--muted);font-size:.72rem}.form-actions{display:flex;gap:8px;flex-shrink:0;padding-top:4px}.primary-button,.danger-button,.ghost-button{border:1px solid;border-radius:0;padding:6px 14px;font-size:.8rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;transition:background .1s ease,color .1s ease}.primary-button{color:var(--bg);background:var(--accent);border-color:var(--accent)}.primary-button:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.danger-button{color:var(--danger);background:#f851491a;border-color:#f8514966}.danger-button:hover{background:#f8514933}.ghost-button{color:var(--muted);background:transparent;border-color:var(--panel-border)}.ghost-button:hover{color:var(--text);background:#ffffff0d;border-color:var(--muted)}.primary-button:active,.danger-button:active,.ghost-button:active{transform:scale(.98)}.primary-button:disabled,.danger-button:disabled{opacity:.4;cursor:not-allowed}.dirty-state{color:var(--accent);font-weight:700;font-size:.72rem;white-space:nowrap}.notice{margin:0;padding-top:6px;color:var(--accent);font-size:.8rem;flex-shrink:0}.empty-editor{display:grid;place-items:center;flex:1;color:var(--muted);font-size:.85rem}.empty-editor p{margin:0}.error-panel{margin-top:12px;padding:10px 12px;border-radius:0;background:#f8514914;border:1px solid rgba(248,81,73,.2);flex-shrink:0}.error-panel h3{margin:0;font-family:inherit;font-size:.82rem;color:var(--danger)}.error-panel p{margin:8px 0 0;display:grid;font-size:.78rem}.app-header-actions{display:flex;gap:8px;align-items:center}.settings-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;color:var(--muted);border:1px solid transparent;background:transparent;transition:color .1s ease,border-color .1s ease}.settings-button:hover{color:var(--text);border-color:var(--panel-border)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#0009}.settings-modal{background:var(--panel);border:1px solid var(--panel-border);border-radius:0;box-shadow:var(--shadow);padding:20px;width:90%;max-width:480px;display:flex;flex-direction:column;gap:16px}.settings-body{display:flex;flex-direction:column;gap:10px}.settings-label{font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.settings-hint{display:block;font-size:.72rem;color:var(--muted);margin-top:2px}.settings-dir-list{display:flex;flex-direction:column;gap:6px}.settings-dir-row{display:flex;gap:6px;align-items:center}.settings-dir-row input{flex:1;padding:7px 10px;border:1px solid var(--panel-border);border-radius:0;background:var(--bg);color:var(--text);font-size:.88rem;transition:border-color .1s ease}.settings-dir-row input:focus{outline:none;border-color:var(--accent)}.settings-remove-button{padding:6px!important;color:var(--muted);flex-shrink:0}.settings-remove-button:disabled{opacity:.3;cursor:not-allowed}@media(max-width:900px){.app-shell{padding:10px;height:auto;min-height:100vh;overflow:auto}body,#root{height:auto;overflow:auto}.layout-grid{grid-template-columns:1fr;flex:none}.panel{min-height:auto;max-height:none;overflow:visible}.sidebar-scroll,.editor-scroll{overflow:visible;max-height:none}.app-header{flex-direction:column;align-items:stretch;gap:10px}.app-header-left{flex-direction:column;gap:4px}.field-row{grid-template-columns:1fr}.task-form textarea{min-height:200px;flex:none}}
|
|
1
|
+
:root{color-scheme:dark;--bg: #0a0e14;--bg-strong: #0d1117;--panel: #131920;--panel-border: #21262d;--text: #e6edf3;--muted: #7d8590;--accent: #3fb950;--accent-strong: #2ea043;--danger: #f85149;--shadow: 0 2px 8px rgba(0, 0, 0, .4);font-family:JetBrains Mono,IBM Plex Mono,Fira Code,SF Mono,Cascadia Code,monospace;line-height:1.6;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;height:100vh;overflow:hidden}#root{height:100vh;overflow:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;flex-direction:column;height:100vh;padding:12px 16px 16px;gap:12px;overflow:hidden}.app-header{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-shrink:0;padding-bottom:12px;border-bottom:1px solid var(--panel-border)}.app-header-left{display:flex;align-items:baseline;gap:12px;min-width:0}.app-header h1{margin:0;font-family:inherit;font-size:1.1rem;font-weight:700;line-height:1.2;letter-spacing:-.02em;white-space:nowrap;color:var(--accent)}.app-header h1:before{content:"> ";color:var(--muted)}.eyebrow{margin:0;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.65rem;font-weight:600;white-space:nowrap}.layout-grid{display:grid;grid-template-columns:minmax(260px,320px) minmax(0,1fr);gap:1px;flex:1;min-height:0;background:var(--panel-border)}.panel{display:flex;flex-direction:column;background:var(--panel);border:none;border-radius:0;padding:14px 16px;min-height:0;overflow:hidden}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--panel-border);flex-shrink:0}.panel-header h2{margin:0;font-family:inherit;font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.panel-header span{font-size:.75rem;color:var(--muted)}.panel-header-right{display:flex;align-items:center;gap:12px}.filter-toggle{display:flex;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none}.filter-toggle input[type=checkbox]{accent-color:var(--accent);cursor:pointer}.sidebar-scroll{flex:1;overflow-y:auto;min-height:0;margin:0 -4px;padding:0 4px}.sidebar-scroll::-webkit-scrollbar{width:4px}.sidebar-scroll::-webkit-scrollbar-track{background:transparent}.sidebar-scroll::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:0}.task-list{display:grid;gap:2px}.empty-list{margin:0;padding:14px;border-radius:0;background:#ffffff08;border:1px dashed var(--panel-border);color:var(--muted);font-size:.82rem}.task-row{display:grid;gap:3px;width:100%;text-align:left;padding:8px 10px;border-radius:0;border:1px solid transparent;border-left:2px solid transparent;background:#ffffff05;transition:background .1s ease,border-color .1s ease}.task-row:hover{background:#ffffff0d;border-left-color:var(--muted)}.task-row-selected{background:#3fb9500f;border-color:#3fb95026;border-left-color:var(--accent)}.task-row-badges{display:flex;gap:6px;align-items:center}.task-row strong{font-size:.82rem;font-weight:600;line-height:1.3}.task-row small{color:var(--muted);font-size:.72rem}.badge{display:inline-flex;justify-content:center;width:fit-content;padding:1px 6px;border-radius:0;font-size:.6rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;border:1px solid}.badge-must{background:#f851491a;color:#f85149;border-color:#f851494d}.badge-want{background:#3fb9501a;color:#3fb950;border-color:#3fb9504d}.badge-todo{background:#58a6ff1a;color:#58a6ff;border-color:#58a6ff4d}.badge-wip{background:#d299221a;color:#d29922;border-color:#d299224d}.badge-done{background:#3fb95014;color:#2ea043;border-color:#2ea0434d}.editor-panel{overflow:hidden}.editor-scroll{flex:1;overflow-y:auto;min-height:0;margin:0 -4px;padding:0 4px}.editor-scroll::-webkit-scrollbar{width:4px}.editor-scroll::-webkit-scrollbar-track{background:transparent}.editor-scroll::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:0}.task-form{display:flex;flex-direction:column;gap:12px;height:100%}.task-form label{display:grid;gap:4px}.task-form span{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.task-form input,.task-form select,.task-form textarea{width:100%;padding:7px 10px;border:1px solid var(--panel-border);border-radius:0;background:var(--bg);color:var(--text);font-size:.88rem;transition:border-color .1s ease}.task-form input:focus,.task-form select:focus,.task-form textarea:focus{outline:none;border-color:var(--accent)}.task-form textarea{resize:none;flex:1;min-height:120px}.editor-label{flex:1;display:flex!important;flex-direction:column;min-height:0}.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field-row-top{padding-bottom:12px;border-bottom:1px solid var(--panel-border)}.meta-strip{display:flex;gap:16px;color:var(--muted);font-size:.72rem}.form-actions{display:flex;gap:8px;flex-shrink:0;padding-top:4px}.primary-button,.danger-button,.ghost-button{border:1px solid;border-radius:0;padding:6px 14px;font-size:.8rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;transition:background .1s ease,color .1s ease}.primary-button{color:var(--bg);background:var(--accent);border-color:var(--accent)}.primary-button:hover{background:var(--accent-strong);border-color:var(--accent-strong)}.danger-button{color:var(--danger);background:#f851491a;border-color:#f8514966}.danger-button:hover{background:#f8514933}.ghost-button{color:var(--muted);background:transparent;border-color:var(--panel-border)}.ghost-button:hover{color:var(--text);background:#ffffff0d;border-color:var(--muted)}.primary-button:active,.danger-button:active,.ghost-button:active{transform:scale(.98)}.primary-button:disabled,.danger-button:disabled{opacity:.4;cursor:not-allowed}.dirty-state{color:var(--accent);font-weight:700;font-size:.72rem;white-space:nowrap}.notice{margin:0;padding-top:6px;color:var(--accent);font-size:.8rem;height:1.5rem;flex-shrink:0}.empty-editor{display:grid;place-items:center;flex:1;color:var(--muted);font-size:.85rem}.empty-editor p{margin:0}.error-panel{margin-top:12px;padding:10px 12px;border-radius:0;background:#f8514914;border:1px solid rgba(248,81,73,.2);flex-shrink:0}.error-panel h3{margin:0;font-family:inherit;font-size:.82rem;color:var(--danger)}.error-panel p{margin:8px 0 0;display:grid;font-size:.78rem}.app-header-actions{display:flex;gap:8px;align-items:center}.settings-button{display:inline-flex;align-items:center;justify-content:center;padding:6px;color:var(--muted);border:1px solid transparent;background:transparent;transition:color .1s ease,border-color .1s ease}.settings-button:hover{color:var(--text);border-color:var(--panel-border)}.settings-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;background:#0009}.settings-modal{background:var(--panel);border:1px solid var(--panel-border);border-radius:0;box-shadow:var(--shadow);padding:20px;width:90%;max-width:480px;display:flex;flex-direction:column;gap:16px}.settings-body{display:flex;flex-direction:column;gap:10px}.settings-label{font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.settings-hint{display:block;font-size:.72rem;color:var(--muted);margin-top:2px}.settings-dir-list{display:flex;flex-direction:column;gap:6px}.settings-dir-row{display:flex;gap:6px;align-items:center}.settings-dir-row input{flex:1;padding:7px 10px;border:1px solid var(--panel-border);border-radius:0;background:var(--bg);color:var(--text);font-size:.88rem;transition:border-color .1s ease}.settings-dir-row input:focus{outline:none;border-color:var(--accent)}.settings-remove-button{padding:6px!important;color:var(--muted);flex-shrink:0}.settings-remove-button:disabled{opacity:.3;cursor:not-allowed}@media(max-width:900px){.app-shell{padding:10px;height:auto;min-height:100vh;overflow:auto}body,#root{height:auto;overflow:auto}.layout-grid{grid-template-columns:1fr;flex:none}.panel{min-height:auto;max-height:none;overflow:visible}.sidebar-scroll,.editor-scroll{overflow:visible;max-height:none}.app-header{flex-direction:column;align-items:stretch;gap:10px}.app-header-left{flex-direction:column;gap:4px}.field-row{grid-template-columns:1fr}.task-form textarea{min-height:200px;flex:none}}
|