mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2024-12-25 12:44:07 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

feat(editor): Improve node label readability in new canvas (no-changelog) (#10432)

Browse source
This commit is contained in:
Alex Grozav 2024-08-16 15:42:54 +03:00 committed by GitHub
parent 334d11175e
commit 556699ac3d
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
packages/editor-ui/src/components/canvas/elements/nodes/render-types/CanvasNodeDefault.vue
View file

@ -213,7 +213,7 @@ function openContextMenu(event: MouseEvent) {
top: 100%; top: 100%;
position: absolute; position: absolute;
width: 100%; width: 100%;
min-width: 200px; min-width: calc(var(--canvas-node--width) * 2);
margin-top: var(--spacing-2xs); margin-top: var(--spacing-2xs);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -223,16 +223,27 @@ function openContextMenu(event: MouseEvent) {
.label { .label {
font-size: var(--font-size-m); font-size: var(--font-size-m);
line-height: var(--font-line-height-compact);
text-align: center; text-align: center;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
overflow-wrap: anywhere;
font-weight: var(--font-weight-bold);
line-height: var(--font-line-height-compact);
} }
.subtitle { .subtitle {
width: 100%;
text-align: center;
color: var(--color-text-light); color: var(--color-text-light);
font-size: var(--font-size-xs); font-size: var(--font-size-xs);
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
line-height: var(--font-line-height-compact);
font-weight: 400;
} }
.statusIcons { .statusIcons {