@youtyan/code-viewer 0.2.0 → 0.2.1
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.
- package/dist/code-viewer.js +294 -72
- package/package.json +1 -1
- package/web/app.js +296 -87
- package/web/index.html +1 -0
- package/web/style.css +26 -14
package/web/index.html
CHANGED
|
@@ -34,6 +34,7 @@
|
|
|
34
34
|
<button id="annotations-toggle" class="global-icon-action" title="code annotations" aria-label="code annotations">💬<span id="annotations-count" hidden></span></button>
|
|
35
35
|
<button id="viewer-settings" class="global-icon-action" title="viewer settings" aria-label="viewer settings"></button>
|
|
36
36
|
<button id="auto-update" class="global-icon-action active" title="auto update on file change">auto</button>
|
|
37
|
+
<button id="cancel-requests" class="global-icon-action" title="no in-flight requests" aria-label="cancel in-flight requests" disabled>stop</button>
|
|
37
38
|
<button id="theme" title="toggle theme">🌗</button>
|
|
38
39
|
<span id="status" class="status"></span>
|
|
39
40
|
<a id="repo-web-link" class="global-help-link" href="#" target="_blank" rel="noopener" hidden>GitHub</a>
|
package/web/style.css
CHANGED
|
@@ -448,6 +448,24 @@ body[data-code-font-size="xlarge"] { --code-font-size: 15px; }
|
|
|
448
448
|
border-color: var(--success);
|
|
449
449
|
color: var(--success);
|
|
450
450
|
}
|
|
451
|
+
#cancel-requests {
|
|
452
|
+
width: auto;
|
|
453
|
+
padding: 0 8px;
|
|
454
|
+
font-size: 11px;
|
|
455
|
+
font-weight: 600;
|
|
456
|
+
}
|
|
457
|
+
#cancel-requests.active {
|
|
458
|
+
color: var(--danger);
|
|
459
|
+
border-color: var(--danger);
|
|
460
|
+
}
|
|
461
|
+
#cancel-requests:disabled {
|
|
462
|
+
cursor: default;
|
|
463
|
+
opacity: 0.45;
|
|
464
|
+
}
|
|
465
|
+
#cancel-requests:disabled:hover {
|
|
466
|
+
background: var(--bg);
|
|
467
|
+
border-color: var(--border);
|
|
468
|
+
}
|
|
451
469
|
|
|
452
470
|
#meta {
|
|
453
471
|
display: flex; align-items: center; gap: 10px;
|
|
@@ -5345,6 +5363,14 @@ body.query-history-panel-open #content {
|
|
|
5345
5363
|
display: none !important;
|
|
5346
5364
|
}
|
|
5347
5365
|
|
|
5366
|
+
body.gdp-database-page {
|
|
5367
|
+
--chrome-h: var(--global-header-h);
|
|
5368
|
+
}
|
|
5369
|
+
|
|
5370
|
+
body.gdp-database-page #load-bar {
|
|
5371
|
+
top: var(--global-header-h);
|
|
5372
|
+
}
|
|
5373
|
+
|
|
5348
5374
|
.gdp-database-page #content {
|
|
5349
5375
|
margin-left: 0;
|
|
5350
5376
|
padding: var(--global-header-h) 0 0;
|
|
@@ -5879,20 +5905,6 @@ body[data-sidebar-font-size="xlarge"] .db-container {
|
|
|
5879
5905
|
white-space: nowrap;
|
|
5880
5906
|
}
|
|
5881
5907
|
|
|
5882
|
-
.db-grid-header-type {
|
|
5883
|
-
font-size: var(--db-font-sm);
|
|
5884
|
-
color: var(--fg-subtle);
|
|
5885
|
-
padding: 1px 4px;
|
|
5886
|
-
border-radius: 3px;
|
|
5887
|
-
background: var(--bg-mute);
|
|
5888
|
-
flex-shrink: 0;
|
|
5889
|
-
}
|
|
5890
|
-
.db-grid-header-type.pk {
|
|
5891
|
-
background: var(--attention-subtle, #fff8c5);
|
|
5892
|
-
color: var(--scope-accent);
|
|
5893
|
-
font-weight: 600;
|
|
5894
|
-
}
|
|
5895
|
-
|
|
5896
5908
|
.db-grid-sort-icon {
|
|
5897
5909
|
font-size: var(--db-font-sm);
|
|
5898
5910
|
color: var(--accent);
|