diff --git a/packages/editor-ui/src/n8n-theme-variables.scss b/packages/editor-ui/src/n8n-theme-variables.scss index b414edca4b..3bb3da63f8 100644 --- a/packages/editor-ui/src/n8n-theme-variables.scss +++ b/packages/editor-ui/src/n8n-theme-variables.scss @@ -59,6 +59,7 @@ $--gift-notification-outer-color: #fff; $--tags-manager-min-height: 300px; // based on element.io breakpoints +$--breakpoint-2xs: 600px; $--breakpoint-xs: 768px; $--breakpoint-sm: 992px; $--breakpoint-md: 1200px; @@ -110,3 +111,4 @@ $--version-card-description-text-color: #7d7d87; $--version-card-release-date-text-color: #909399; $--version-card-box-shadow-color: rgba(109, 48, 40, 0.07); + diff --git a/packages/editor-ui/src/views/NodeView.vue b/packages/editor-ui/src/views/NodeView.vue index 12a2a1b2d3..23e200fe90 100644 --- a/packages/editor-ui/src/views/NodeView.vue +++ b/packages/editor-ui/src/views/NodeView.vue @@ -2308,6 +2308,10 @@ export default mixins( color: #444; padding-right: 5px; + @media (max-width: $--breakpoint-2xs) { + bottom: 90px; + } + &.expanded { left: $--sidebar-expanded-width + $--zoom-menu-margin; }