n8n/packages/design-system/src
Milorad FIlipović 6af3ba75dc
feat(editor): updated n8n-menu component (#4290)
* 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

*  Moved 'Workflows'  menu to node view header. Added new dropdown component for user area and the new WF menu

* 💄 Updating disabled states in new WF menu

* 💄 Initial stab at new sidebar styling

*  Finished main navigation restyling

*  Updating `zoomToFit` and centering logic

*  Adding updates menu item to settings sidebar

* 💄 Adding updates item to the settings sidebar and final touches on main sidebar style

* 💄 Removing old code & refactoring

* 💄 Minor CSS tweaks

* 💄 Opening credentials modal on sidebar menu item click. Minor CSS updates

* 💄 Updating sidebar expand/collapse animation

* 💄 Few more refinements of sidebar animation

* 👌 Addressing code review comments

*  Moved ActionDropdown component to design system

* 👌 Fixing bugs reported during code review and testing

* 👌 Addressing design review comments for the new sidebar

* ✔️ Updating `N8nActionDropdown` component tests

*  Remembering scroll position when going back to templates list

*  Updating zoomToFit logic to account for footer content

* 👌 Addressing latest sidebar review comments

*  New `n8n-menu-item` component

*  Implemented new `n8n-menu` design system component, updated menu items to support collapsed mode

* Minor update to n8n-menu storybook entry

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

*  Changing IMenuItem from interface to type

*  Added new n8n-menu component to editor main sidebar

*  Finished main sidebar

*  Added new menus to setttings and credentials view

*  Implemented tab and router modes for n8n-menu

*  Implemented credentials menus using new n8n-menu component

* 💄 Finishing main and settings sidebar details, updating design system stories

* 💄 Adding injected items support to main sidebar, handling navigation errors, small tweaks

* ✔️ Fixing linting errors

* ✔️ Addressing typescript errors in design system components

*  Using design-system types in editor UI

* 💄 Add support for custom icon size in menu items

* 👌 Addressing code review and design review feedback

* 💄 Minor updates
2022-10-10 18:17:39 +02:00
..
__tests__ test(editor): Add first frontend unit-test and update notice component design (#3166) 2022-04-29 15:23:41 +02:00
components feat(editor): updated n8n-menu component (#4290) 2022-10-10 18:17:39 +02:00
css feat(editor-ui): JSON mapping (#4270) 2022-10-06 15:03:55 +02:00
docs Implement design system (#2050) 2021-08-29 13:36:17 +02:00
locale test(editor): Add first frontend unit-test and update notice component design (#3166) 2022-04-29 15:23:41 +02:00
mixins test(editor): Add first frontend unit-test and update notice component design (#3166) 2022-04-29 15:23:41 +02:00
plugins feat(editor): Main navigation redesign (#4144) 2022-09-26 15:25:19 +02:00
styleguide feat(cli): User Management and Credentials sharing (#3602) 2022-09-21 10:20:29 +02:00
types feat(editor): updated n8n-menu component (#4290) 2022-10-10 18:17:39 +02:00
utils docs: remove impertinent Jsdocs comments (no-changelog) (#4181) 2022-09-29 14:37:56 +02:00
main.d.ts feat(cli): User Management and Credentials sharing (#3602) 2022-09-21 10:20:29 +02:00
main.js Added Vue plugins that register design system and element UI components (#3875) 2022-08-12 13:22:08 +02:00
shims-element-ui.d.ts Fix all type errors in design system (#3956) 2022-08-29 12:21:40 +02:00
shims-vue.d.ts Implement design system (#2050) 2021-08-29 13:36:17 +02:00
shims-vue2-boring-avatars.d.ts Fix all type errors in design system (#3956) 2022-08-29 12:21:40 +02:00
utils.scss feat: Add User Management (#2636) 2022-03-14 14:46:32 +01:00