git.zone/tsview
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(mongo-browser): increase default editor width and broaden resize range in Mongo browser pane

Browse Source
This commit is contained in:
Jürgen Kunz
2026-01-29 15:56:05 +00:00
parent 8c5cea7e0b
commit b72b36c4ea
5 changed files with 13 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
changelog.md
View File

@@ -1,5 +1,12 @@
# Changelog # Changelog
## 2026-01-29 - 1.11.1 - fix(mongo-browser)
increase default editor width and broaden resize range in Mongo browser pane
- Set default editorWidth from 400 to 700
- Update CSS grid-template default editor width variable to 700
- Expand editor resize bounds: min 300 -> 250, max 700 -> 1000 (resizer calculation adjusted)
## 2026-01-28 - 1.11.0 - feat(s3) ## 2026-01-28 - 1.11.0 - feat(s3)
add rename support for files and folders in S3 UI columns and keys add rename support for files and folders in S3 UI columns and keys

2
ts/00_commitinfo_data.ts
View File

@@ -3,6 +3,6 @@
*/ */
export const commitinfo = { export const commitinfo = {
name: '@git.zone/tsview', name: '@git.zone/tsview',
version: '1.11.0', version: '1.11.1',
description: 'A CLI tool for viewing S3 and MongoDB data with a web UI' description: 'A CLI tool for viewing S3 and MongoDB data with a web UI'
} }

2
ts/bundled_ui.ts
View File

File diff suppressed because one or more lines are too long

2
ts_web/00_commitinfo_data.ts
View File

@@ -3,6 +3,6 @@
*/ */
export const commitinfo = { export const commitinfo = {
name: '@git.zone/tsview', name: '@git.zone/tsview',
version: '1.11.0', version: '1.11.1',
description: 'A CLI tool for viewing S3 and MongoDB data with a web UI' description: 'A CLI tool for viewing S3 and MongoDB data with a web UI'
} }

6
ts_web/elements/tsview-mongo-browser.ts
View File

@@ -25,7 +25,7 @@ export class TsviewMongoBrowser extends DeesElement {
private accessor stats: ICollectionStats | null = null; private accessor stats: ICollectionStats | null = null;
@state() @state()
private accessor editorWidth: number = 400; private accessor editorWidth: number = 700;
@state() @state()
private accessor isResizingEditor: boolean = false; private accessor isResizingEditor: boolean = false;
@@ -117,7 +117,7 @@ export class TsviewMongoBrowser extends DeesElement {
.content { .content {
flex: 1; flex: 1;
display: grid; display: grid;
grid-template-columns: 1fr 4px var(--editor-width, 400px); grid-template-columns: 1fr 4px var(--editor-width, 700px);
gap: 0; gap: 0;
overflow: hidden; overflow: hidden;
} }
@@ -305,7 +305,7 @@ export class TsviewMongoBrowser extends DeesElement {
const contentEl = this.shadowRoot?.querySelector('.content'); const contentEl = this.shadowRoot?.querySelector('.content');
if (!contentEl) return; if (!contentEl) return;
const containerRect = contentEl.getBoundingClientRect(); const containerRect = contentEl.getBoundingClientRect();
const newWidth = Math.min(Math.max(containerRect.right - e.clientX, 300), 700); const newWidth = Math.min(Math.max(containerRect.right - e.clientX, 250), 1000);
this.editorWidth = newWidth; this.editorWidth = newWidth;
}; };