frodovdr/node-red
1
0
Fork 0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00
Code Issues Releases Wiki Activity

Merge pull request #3176 from node-red/long-module-names

Browse Source 
Improve handling of long labels in TreeList
This commit is contained in:
Nick O'Leary 2021-10-08 15:52:05 +01:00 committed by GitHub
commit 764fc8477d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 5 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/node_modules/@node-red/editor-client/src/js/ui/common/treeList.js vendored
View File

@ -537,6 +537,7 @@
var labelPaddingWidth = (item.gutter ? item.gutter[0].offsetWidth + 2 : 0) + (depth * 20) var labelPaddingWidth = (item.gutter ? item.gutter[0].offsetWidth + 2 : 0) + (depth * 20)
item.treeList.labelPadding = $('<span>').css({ item.treeList.labelPadding = $('<span>').css({
display: "inline-block", display: "inline-block",
"flex-shrink": 0,
width: labelPaddingWidth+'px' width: labelPaddingWidth+'px'
}).appendTo(label); }).appendTo(label);

1
packages/node_modules/@node-red/editor-client/src/sass/tab-info.scss vendored
View File

@ -16,6 +16,7 @@
.red-ui-sidebar-info { .red-ui-sidebar-info {
height: 100%; height: 100%;
overflow: hidden;
} }
.red-ui-sidebar-info hr { .red-ui-sidebar-info hr {
margin: 10px 0; margin: 10px 0;

3
packages/node_modules/@node-red/editor-client/src/sass/ui/common/treeList.scss vendored
View File

@ -102,6 +102,8 @@
} }
.red-ui-treeList-label-text { .red-ui-treeList-label-text {
margin-left: 4px; margin-left: 4px;
overflow: hidden;
text-overflow: ellipsis;
&:empty { &:empty {
min-height: 20px; min-height: 20px;
} }
@ -121,6 +123,7 @@
.red-ui-treeList-icon { .red-ui-treeList-icon {
display: inline-block; display: inline-block;
flex-shrink: 0;
width: 20px; width: 20px;
text-align: center; text-align: center;
} }