1
0
mirror of https://github.com/node-red/node-red.git synced 2023-10-10 13:36:53 +02:00

Merge pull request #3710 from Steve-Mcl/fix-config-node-text-underflow

Use solid colour as config node icon background to hide text overflow
This commit is contained in:
Nick O'Leary 2022-06-27 14:11:09 +01:00 committed by GitHub
commit 5e5c05f0c6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -37,7 +37,7 @@ ul.red-ui-sidebar-node-config-list {
} }
.red-ui-palette-node { .red-ui-palette-node {
overflow: hidden; overflow: hidden;
cursor: default;
&.selected { &.selected {
border-color: transparent; border-color: transparent;
box-shadow: 0 0 0 2px $node-selected-color; box-shadow: 0 0 0 2px $node-selected-color;
@ -58,7 +58,7 @@ ul.red-ui-sidebar-node-config-list {
.red-ui-palette-icon-container { .red-ui-palette-icon-container {
font-size: 12px; font-size: 12px;
line-height: 30px; line-height: 30px;
background-color: $node-icon-background-color; background-color: $node-port-background;
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
a { a {
@ -68,6 +68,7 @@ ul.red-ui-sidebar-node-config-list {
left: 0; left: 0;
right: 0; right: 0;
color: $node-port-label-color; color: $node-port-label-color;
cursor: pointer;
&:hover { &:hover {
text-decoration: none; text-decoration: none;
background: $node-port-background-hover; background: $node-port-background-hover;