n8n/packages/design-system
Csaba Tuncsik 217de21605
fix(editor): Tweak hover area of workflow / cred cards (#7108)
Context

When a user is attempting to interact with a foreground action inside an
entity card (workflow, credential, community node, logging destination),
they might accidentally open that entity instead of interacting with a
foreground action.

For these card components, actions are always placed on right side. 

A/C

Area around right "column" of entity cards (workflow, cred, community
node, logging destination) should not be a hoverable area (that opens
that entity when clicked). This area is roughly highlighted in screen
shot below in orange.


![image](https://github.com/n8n-io/n8n/assets/5410822/0916bcd5-e972-4367-a862-41d2086a2334)
2023-09-13 12:21:26 +02:00
..
.storybook refactor: Upgrade to Prettier 3 (no-changelog) (#6947) 2023-08-16 17:13:57 +02:00
public/assets/images feat(editor): Migrate Design System and Editor UI to Vue 3 (#6476) 2023-07-28 09:51:07 +02:00
src fix(editor): Tweak hover area of workflow / cred cards (#7108) 2023-09-13 12:21:26 +02:00
theme/preview refactor: Upgrade to Prettier 3 (no-changelog) (#6947) 2023-08-16 17:13:57 +02:00
.browserslistrc Implement design system (#2050) 2021-08-29 13:36:17 +02:00
.eslintrc.js ci: Fix linting issues (no-changelog) (#6788) 2023-07-28 18:28:17 +02:00
.gitignore ci: Setup code-coverage reporting (no-changelog) (#5669) 2023-03-10 16:53:05 +01:00
.npmignore fix: delete unused dependencies (#4231) 2022-09-29 17:31:33 +02:00
LICENSE.md docs: scope Sustainable Use License to contents of the main branch (#4450) 2022-10-26 16:50:33 +02:00
LICENSE_EE.md docs(license): Introduce n8n Enterprise License (#3945) 2022-08-29 22:08:42 +02:00
package.json 🚀 Release 1.6.0 (#7120) 2023-09-06 13:35:31 +02:00
postcss.config.js
README.md docs: Add proprietary license text (no-changelog) (#6038) 2023-04-20 18:49:09 +02:00
tsconfig.json refactor: Consolidate tsconfig and eslintrc files (no-changelog) (#6816) 2023-08-01 17:32:43 +02:00
vite.config.ts ci: Update most of the dev tooling (no-changelog) (#6780) 2023-07-28 13:55:16 +02:00

n8n.io - Workflow Automation

n8n-design-system

A component system for n8n using Storybook to preview.

Project setup

pnpm install

Compiles and hot-reloads for development

pnpm storybook

Build static pages

pnpm build:storybook

Run your unit tests

pnpm test:unit

Lints and fixes files

pnpm lint

Build css files

pnpm build:theme

Monitor theme files and build any changes

pnpm watch:theme

License

n8n is fair-code distributed under the Sustainable Use License.

Proprietary licenses are available for enterprise customers. Get in touch

Additional information about the license can be found in the docs.