Fix word wrap in transcript editor
- Add min-width: 0 to flex container (allows shrinking for wrap) - Add overflow-x: hidden to prevent horizontal scroll - Add white-space: pre-wrap to segment text Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -272,7 +272,9 @@
|
|||||||
<style>
|
<style>
|
||||||
.transcript-editor {
|
.transcript-editor {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
|
min-width: 0;
|
||||||
overflow-y: auto;
|
overflow-y: auto;
|
||||||
|
overflow-x: hidden;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
background: #16213e;
|
background: #16213e;
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
@@ -319,6 +321,7 @@
|
|||||||
.segment-text {
|
.segment-text {
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
padding-left: 0.75rem;
|
padding-left: 0.75rem;
|
||||||
|
white-space: pre-wrap;
|
||||||
word-wrap: break-word;
|
word-wrap: break-word;
|
||||||
overflow-wrap: break-word;
|
overflow-wrap: break-word;
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user