stwhite
/
chatterbox-ui
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed some UI issues.

This commit is contained in:
Steve White 2025-08-14 08:11:16 -05:00
parent 4f47d69aaa
commit b28a9bcf58
2 changed files with 12 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/css/style.css
View File

@ -134,6 +134,17 @@ main {
font-size: 1rem; font-size: 1rem;
} }
/* Allow wrapping for Text/Duration (3rd) column */
#dialog-items-table td:nth-child(3),
#dialog-items-table td.dialog-editable-cell {
white-space: pre-wrap; /* wrap text and preserve newlines */
overflow: visible; /* override global overflow hidden */
text-overflow: clip; /* no ellipsis */
word-break: break-word;/* wrap long words/URLs */
color: var(--text-primary); /* darker text for readability */
font-weight: 350; /* slightly heavier than 300, lighter than 400 */
}
/* Make the Speaker (2nd) column narrower */ /* Make the Speaker (2nd) column narrower */
#dialog-items-table th:nth-child(2), #dialog-items-table td:nth-child(2) { #dialog-items-table th:nth-child(2), #dialog-items-table td:nth-child(2) {
width: 60px; width: 60px;

3
frontend/js/app.js
View File

@ -306,8 +306,7 @@ async function initializeDialogEditor() {
const textTd = document.createElement('td'); const textTd = document.createElement('td');
textTd.className = 'dialog-editable-cell'; textTd.className = 'dialog-editable-cell';
if (item.type === 'speech') { if (item.type === 'speech') {
let txt = item.text.length > 60 ? item.text.substring(0, 57) + '…' : item.text; textTd.textContent = `"${item.text}"`;
textTd.textContent = `"${txt}"`;
textTd.title = item.text; textTd.title = item.text;
} else { } else {
textTd.textContent = `${item.duration}s`; textTd.textContent = `${item.duration}s`;