3dtours/KGStudio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: add ellipsis truncation for long track and piano roll titles

Browse Source
This commit is contained in:
Xiaohan-Tian
2026-05-25 14:17:35 -07:00
parent b36ea5a312
commit d4cc4c8a37
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/piano-roll/PianoRoll.css
+4
View File
@@ -311,6 +311,7 @@
.piano-roll-title { .piano-roll-title {
flex: 1; flex: 1;
min-width: 0;
text-align: center; text-align: center;
font-size: 12px; font-size: 12px;
font-weight: bold; font-weight: bold;
@@ -319,6 +320,9 @@
cursor: text; cursor: text;
padding: 5px; padding: 5px;
border-radius: 3px; border-radius: 3px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
} }
.piano-roll-title-input { .piano-roll-title-input {
src/components/track/Track.css
+4 -2
View File
@@ -94,10 +94,12 @@
/* Remove drag indicator since hover cursor is sufficient */ /* Remove drag indicator since hover cursor is sufficient */
.track-name { .track-name {
display: flex; display: block;
align-items: center;
min-height: 24px; min-height: 24px;
width: 100%;
min-width: 0;
font-size: 12px; font-size: 12px;
line-height: 24px;
cursor: text; cursor: text;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;