Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

feat(editor): updated n8n-menu component #4290

Merged
merged 49 commits into from
Oct 10, 2022
Merged

feat(editor): updated n8n-menu component #4290

merged 49 commits into from
Oct 10, 2022

Commits on Sep 15, 2022

  1. refactor(editor): N8N-4540 Main navigation layout rework (#4060) 

    * ✨ Implemented new editor layout using css grid

* ✨ Reworking main navigation layout, migrating some styling to css modules

* ✨ Reworking main sidebar layout and responsiveness

* 💄 Minor type update

* ✨ Updated editor grid layout so empty cells are collapsed (`fit-content`), fixed updates menu items styling

* ✨ Implemented new user area look & feel in main sidebar

* 💄 Adjusting sidebar bottom padding when user area is not shown

* 💄 CSS cleanup/refactor + minor vue refactoring

* ✨ Fixing overscoll issue in chrome and scrolling behaviour of the content view

* 👌 Addressing review feedback

* ✨ Added collapsed and expanded versions of n8n logo

* ✨ Updating infinite scrolling in templates view to work with the new layout

* 💄 Updating main sidebar expanded width and templates view left margin

* 💄 Updating main content height

* 💄 Adding global styles for scrollable views with centered content, minor updates to user area

* ✨ Updating zoomToFit logic, lasso select box position and new nodes positioning

* ✨ Fixing new node drop position now that mouse detection has been adjusted

* 👌 Updating templates view scroll to top logic and responsive padding, aligning menu items titles

* 💄 Moving template layout style from global css class to component level
    @MiloradFilipovic
    MiloradFilipovic authored Sep 15, 2022
    Configuration menu
    Copy the full SHA
    aee8912 View commit details
    Browse the repository at this point in the history

  2. ✨ Moved 'Workflows' menu to node view header. Added new dropdown comp… 

    …onent for user area and the new WF menu
    @MiloradFilipovic
    MiloradFilipovic committed Sep 15, 2022
    Configuration menu
    Copy the full SHA
    3b15c76 View commit details
    Browse the repository at this point in the history

  3. 💄 Updating disabled states in new WF menu

    @MiloradFilipovic
    MiloradFilipovic committed Sep 15, 2022
    Configuration menu
    Copy the full SHA
    4cc564a View commit details
    Browse the repository at this point in the history

  4. 💄 Initial stab at new sidebar styling

    @MiloradFilipovic
    MiloradFilipovic committed Sep 15, 2022
    Configuration menu
    Copy the full SHA
    0150e04 View commit details
    Browse the repository at this point in the history

Commits on Sep 16, 2022

  1. ✨ Finished main navigation restyling

    @MiloradFilipovic
    MiloradFilipovic committed Sep 16, 2022
    Configuration menu
    Copy the full SHA
    1a99621 View commit details
    Browse the repository at this point in the history

  2. Merge branch 'master' into feature-main-nav-redesign

    @MiloradFilipovic
    MiloradFilipovic committed Sep 16, 2022
    Configuration menu
    Copy the full SHA
    815161d View commit details
    Browse the repository at this point in the history

  3. Merge branch 'feature-main-nav-redesign' into N8N-4542-main-sidebar-n… 

    …ew-style
    @MiloradFilipovic
    MiloradFilipovic committed Sep 16, 2022
    Configuration menu
    Copy the full SHA
    82dd101 View commit details
    Browse the repository at this point in the history

Commits on Sep 19, 2022

  1. ✨ Updating zoomToFit and centering logic

    @MiloradFilipovic
    MiloradFilipovic committed Sep 19, 2022
    Configuration menu
    Copy the full SHA
    cd3db90 View commit details
    Browse the repository at this point in the history

  2. Merge branch 'master' into feature-main-nav-redesign

    @MiloradFilipovic
    MiloradFilipovic committed Sep 19, 2022
    Configuration menu
    Copy the full SHA
    5073fca View commit details
    Browse the repository at this point in the history

  3. Merge branch 'N8N-4542-main-sidebar-new-style' into feature-main-nav-… 

    …redesign
    @MiloradFilipovic
    MiloradFilipovic committed Sep 19, 2022
    Configuration menu
    Copy the full SHA
    8f0ff1b View commit details
    Browse the repository at this point in the history

  4. ✨ Adding updates menu item to settings sidebar

    @MiloradFilipovic
    MiloradFilipovic committed Sep 19, 2022
    Configuration menu
    Copy the full SHA
    2d80d1d View commit details
    Browse the repository at this point in the history

  5. 💄 Adding updates item to the settings sidebar and final touches on ma… 

    …in sidebar style
    @MiloradFilipovic
    MiloradFilipovic committed Sep 19, 2022
    Configuration menu
    Copy the full SHA
    e80827e View commit details
    Browse the repository at this point in the history

  6. 💄 Removing old code & refactoring

    @MiloradFilipovic
    MiloradFilipovic committed Sep 19, 2022
    Configuration menu
    Copy the full SHA
    c2fbb31 View commit details
    Browse the repository at this point in the history

  7. Merge branch 'master' into feature-main-nav-redesign

    @MiloradFilipovic
    MiloradFilipovic committed Sep 19, 2022
    Configuration menu
    Copy the full SHA
    ca3364c View commit details
    Browse the repository at this point in the history

Commits on Sep 20, 2022

  1. 💄 Minor CSS tweaks

    @MiloradFilipovic
    MiloradFilipovic committed Sep 20, 2022
    Configuration menu
    Copy the full SHA
    a5ebb32 View commit details
    Browse the repository at this point in the history

  2. 💄 Opening credentials modal on sidebar menu item click. Minor CSS upd… 

    …ates
    @MiloradFilipovic
    MiloradFilipovic committed Sep 20, 2022
    Configuration menu
    Copy the full SHA
    31da5bc View commit details
    Browse the repository at this point in the history

  3. 💄 Updating sidebar expand/collapse animation

    @MiloradFilipovic
    MiloradFilipovic committed Sep 20, 2022
    Configuration menu
    Copy the full SHA
    3b8e182 View commit details
    Browse the repository at this point in the history

  4. 💄 Few more refinements of sidebar animation

    @MiloradFilipovic
    MiloradFilipovic committed Sep 20, 2022
    Configuration menu
    Copy the full SHA
    ade2165 View commit details
    Browse the repository at this point in the history

  5. 👌 Addressing code review comments

    @MiloradFilipovic
    MiloradFilipovic committed Sep 20, 2022
    Configuration menu
    Copy the full SHA
    2391ab2 View commit details
    Browse the repository at this point in the history

Commits on Sep 21, 2022

  1. ✨ Moved ActionDropdown component to design system

    @MiloradFilipovic
    MiloradFilipovic committed Sep 21, 2022
    Configuration menu
    Copy the full SHA
    985d842 View commit details
    Browse the repository at this point in the history

  2. Merge branch 'master' into feature-main-nav-redesign 

    # Conflicts:
#	packages/editor-ui/src/components/MainSidebar.vue
#	packages/editor-ui/src/constants.ts
    @MiloradFilipovic
    MiloradFilipovic committed Sep 21, 2022
    Configuration menu
    Copy the full SHA
    66670f1 View commit details
    Browse the repository at this point in the history

  3. 👌 Fixing bugs reported during code review and testing

    @MiloradFilipovic
    MiloradFilipovic committed Sep 21, 2022
    Configuration menu
    Copy the full SHA
    7f9604b View commit details
    Browse the repository at this point in the history

  4. 👌 Addressing design review comments for the new sidebar

    @MiloradFilipovic
    MiloradFilipovic committed Sep 21, 2022
    Configuration menu
    Copy the full SHA
    7eb31bf View commit details
    Browse the repository at this point in the history

  5. Merge branch 'master' into feature-main-nav-redesign 

    # Conflicts:
#	packages/editor-ui/src/components/MainSidebar.vue
    @MiloradFilipovic
    MiloradFilipovic committed Sep 21, 2022
    Configuration menu
    Copy the full SHA
    01c8763 View commit details
    Browse the repository at this point in the history

  6. ✔️ Updating N8nActionDropdown component tests

    @MiloradFilipovic
    MiloradFilipovic committed Sep 21, 2022
    Configuration menu
    Copy the full SHA
    98cfbef View commit details
    Browse the repository at this point in the history

Commits on Sep 22, 2022

  1. ✨ Remembering scroll position when going back to templates list

    @MiloradFilipovic
    MiloradFilipovic committed Sep 22, 2022
    Configuration menu
    Copy the full SHA
    2862b21 View commit details
    Browse the repository at this point in the history

  2. ✨ Updating zoomToFit logic to account for footer content

    @MiloradFilipovic
    MiloradFilipovic committed Sep 22, 2022
    Configuration menu
    Copy the full SHA
    9e2ec6b View commit details
    Browse the repository at this point in the history

  3. 👌 Addressing latest sidebar review comments

    @MiloradFilipovic
    MiloradFilipovic committed Sep 22, 2022
    Configuration menu
    Copy the full SHA
    bbef42d View commit details
    Browse the repository at this point in the history

Commits on Sep 23, 2022

  1. Merge branch 'master' into feature-main-nav-redesign

    @MiloradFilipovic
    MiloradFilipovic committed Sep 23, 2022
    Configuration menu
    Copy the full SHA
    682a163 View commit details
    Browse the repository at this point in the history

  2. ✨ New n8n-menu-item component

    @MiloradFilipovic
    MiloradFilipovic committed Sep 23, 2022
    Configuration menu
    Copy the full SHA
    18a7d0a View commit details
    Browse the repository at this point in the history

  3. ✨ Implemented new n8n-menu design system component, updated menu it… 

    …ems to support collapsed mode
    @MiloradFilipovic
    MiloradFilipovic committed Sep 23, 2022
    Configuration menu
    Copy the full SHA
    a6a79c2 View commit details
    Browse the repository at this point in the history

  4. Minor update to n8n-menu storybook entry

    @MiloradFilipovic
    MiloradFilipovic committed Sep 23, 2022
    Configuration menu
    Copy the full SHA
    3e1c0f7 View commit details
    Browse the repository at this point in the history

Commits on Oct 7, 2022

  1. Merge branch 'master' into N8N-4736-n8n-menu-rework 

    # Conflicts:
#	packages/design-system/src/components/N8nActionDropdown/ActionDropdown.vue
#	packages/design-system/src/components/N8nMenu/Menu.vue
#	packages/design-system/src/components/N8nMenuItem/MenuItem.vue
#	packages/design-system/src/types/index.ts
#	packages/editor-ui/src/App.vue
#	packages/editor-ui/src/components/MainHeader/WorkflowDetails.vue
#	packages/editor-ui/src/components/MainSidebar.vue
#	packages/editor-ui/src/components/NodeCreator/SearchBar.vue
#	packages/editor-ui/src/components/SettingsSidebar.vue
#	packages/editor-ui/src/components/WorkflowOpen.vue
#	packages/editor-ui/src/modules/ui.ts
#	packages/editor-ui/src/plugins/i18n/locales/en.json
#	packages/editor-ui/src/router.ts
    @MiloradFilipovic
    MiloradFilipovic committed Oct 7, 2022
    Configuration menu
    Copy the full SHA
    5c0d252 View commit details
    Browse the repository at this point in the history

  2. 💄 Updating collapsed sub-menu style. Fixing vue error on hover.

    @MiloradFilipovic
    MiloradFilipovic committed Oct 7, 2022
    Configuration menu
    Copy the full SHA
    15661dd View commit details
    Browse the repository at this point in the history

  3. ⚡ Changing IMenuItem from interface to type

    @MiloradFilipovic
    MiloradFilipovic committed Oct 7, 2022
    Configuration menu
    Copy the full SHA
    00fdc66 View commit details
    Browse the repository at this point in the history

  4. ✨ Added new n8n-menu component to editor main sidebar

    @MiloradFilipovic
    MiloradFilipovic committed Oct 7, 2022
    Configuration menu
    Copy the full SHA
    7f49165 View commit details
    Browse the repository at this point in the history

  5. ⚡ Finished main sidebar

    @MiloradFilipovic
    MiloradFilipovic committed Oct 7, 2022
    Configuration menu
    Copy the full SHA
    abfc669 View commit details
    Browse the repository at this point in the history

  6. ⚡ Added new menus to setttings and credentials view

    @MiloradFilipovic
    MiloradFilipovic committed Oct 7, 2022
    Configuration menu
    Copy the full SHA
    5ce75ab View commit details
    Browse the repository at this point in the history

Commits on Oct 8, 2022

  1. ✨ Implemented tab and router modes for n8n-menu

    @MiloradFilipovic
    MiloradFilipovic committed Oct 8, 2022
    Configuration menu
    Copy the full SHA
    8442022 View commit details
    Browse the repository at this point in the history

  2. ✨ Implemented credentials menus using new n8n-menu component

    @MiloradFilipovic
    MiloradFilipovic committed Oct 8, 2022
    Configuration menu
    Copy the full SHA
    d5595fc View commit details
    Browse the repository at this point in the history

  3. Merge branch 'master' into N8N-4736-n8n-menu-rework

    @MiloradFilipovic
    MiloradFilipovic committed Oct 8, 2022
    Configuration menu
    Copy the full SHA
    0f55dac View commit details
    Browse the repository at this point in the history

  4. 💄 Finishing main and settings sidebar details, updating design system… 

    … stories
    @MiloradFilipovic
    MiloradFilipovic committed Oct 8, 2022
    Configuration menu
    Copy the full SHA
    c68efa9 View commit details
    Browse the repository at this point in the history

  5. 💄 Adding injected items support to main sidebar, handling navigation … 

    …errors, small tweaks
    @MiloradFilipovic
    MiloradFilipovic committed Oct 8, 2022
    Configuration menu
    Copy the full SHA
    fca8cf5 View commit details
    Browse the repository at this point in the history

  6. ✔️ Fixing linting errors

    @MiloradFilipovic
    MiloradFilipovic committed Oct 8, 2022
    Configuration menu
    Copy the full SHA
    4f80432 View commit details
    Browse the repository at this point in the history

Commits on Oct 9, 2022

  1. ✔️ Addressing typescript errors in design system components

    @MiloradFilipovic
    MiloradFilipovic committed Oct 9, 2022
    Configuration menu
    Copy the full SHA
    f122d46 View commit details
    Browse the repository at this point in the history

  2. ⚡ Using design-system types in editor UI

    @MiloradFilipovic
    MiloradFilipovic committed Oct 9, 2022
    Configuration menu
    Copy the full SHA
    56aaf1f View commit details
    Browse the repository at this point in the history

  3. 💄 Add support for custom icon size in menu items

    @MiloradFilipovic
    MiloradFilipovic committed Oct 9, 2022
    Configuration menu
    Copy the full SHA
    e0a0f02 View commit details
    Browse the repository at this point in the history

Commits on Oct 10, 2022

  1. 👌 Addressing code review and design review feedback

    @MiloradFilipovic
    MiloradFilipovic committed Oct 10, 2022
    Configuration menu
    Copy the full SHA
    b9b75e6 View commit details
    Browse the repository at this point in the history

  2. 💄 Minor updates

    @MiloradFilipovic
    MiloradFilipovic committed Oct 10, 2022
    Configuration menu
    Copy the full SHA
    bbf563f View commit details
    Browse the repository at this point in the history