mudhorn/n8n
1
0
Fork 0
mirror of https://github.com/n8n-io/n8n.git synced 2025-03-05 20:50:17 -08:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix(editor): Toggle not visible in credentials modal, page background, info icon and expression switch background (no-changelog) (#9004)

Browse source 
Co-authored-by: Ricardo Espinoza <ricardo@n8n.io>
This commit is contained in:
Giulio Andreini 2024-03-29 15:52:57 +01:00 committed by GitHub
parent c204995d9c
commit 1cbd044e41
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/design-system/src/components/N8nInputLabel/InputLabel.vue
View file

@ -118,13 +118,11 @@ const addTargetBlank = (html: string) =>
align-items: center; align-items: center;
color: var(--color-text-light); color: var(--color-text-light);
padding-left: var(--spacing-4xs); padding-left: var(--spacing-4xs);
background-color: var(--color-background-xlight);
z-index: 1; z-index: 1;
} }
.options { .options {
opacity: 0; opacity: 0;
background-color: var(--color-background-xlight);
transition: opacity 250ms cubic-bezier(0.98, -0.06, 0.49, -0.2); // transition on hover out transition: opacity 250ms cubic-bezier(0.98, -0.06, 0.49, -0.2); // transition on hover out
> * { > * {

2
packages/design-system/src/css/_tokens.dark.scss
View file

@ -166,6 +166,7 @@
--color-callout-secondary-font: var(--prim-gray-0); --color-callout-secondary-font: var(--prim-gray-0);
// Dialogs and overlays // Dialogs and overlays
--color-dialog-background: var(--prim-gray-800);
--color-dialog-overlay-background: var(--prim-color-alt-j-alpha-075); --color-dialog-overlay-background: var(--prim-color-alt-j-alpha-075);
--color-dialog-overlay-background-dark: var(--prim-color-alt-j-alpha-075); --color-dialog-overlay-background-dark: var(--prim-color-alt-j-alpha-075);
@ -178,6 +179,7 @@
// Switch (Activation, boolean) // Switch (Activation, boolean)
--color-switch-background: var(--prim-gray-820); --color-switch-background: var(--prim-gray-820);
--color-switch-border-color: var(--prim-gray-670);
--color-switch-toggle: var(--prim-gray-40); --color-switch-toggle: var(--prim-gray-40);
// Action Dropdown // Action Dropdown

3
packages/design-system/src/css/_tokens.scss
View file

@ -239,6 +239,7 @@
--color-callout-secondary-icon: var(--color-secondary); --color-callout-secondary-icon: var(--color-secondary);
// Dialogs and overlays // Dialogs and overlays
--color-dialog-background: var(--prim-gray-0);
--color-dialog-overlay-background: var(--prim-gray-0-alpha-075); --color-dialog-overlay-background: var(--prim-gray-0-alpha-075);
--color-dialog-overlay-background-dark: var(--prim-color-alt-j-alpha-075); --color-dialog-overlay-background-dark: var(--prim-color-alt-j-alpha-075);
--color-block-ui-overlay: var(--prim-gray-820); --color-block-ui-overlay: var(--prim-gray-820);
@ -252,9 +253,11 @@
// Action Dropdown // Action Dropdown
--color-action-dropdown-item-active-background: var(--color-background-base); --color-action-dropdown-item-active-background: var(--color-background-base);
// Switch (Activation, boolean) // Switch (Activation, boolean)
--color-switch-background: var(--prim-gray-420); --color-switch-background: var(--prim-gray-420);
--color-switch-active-background: var(--prim-color-alt-i); --color-switch-active-background: var(--prim-color-alt-i);
--color-switch-border-color: transparent;
--color-switch-toggle: var(--prim-gray-0); --color-switch-toggle: var(--prim-gray-0);
// Feature Request // Feature Request

2
packages/design-system/src/css/common/var.scss
View file

@ -673,7 +673,7 @@ $switch-button-size: 16px;
/* Dialog /* Dialog
-------------------------- */ -------------------------- */
$dialog-background-color: $color-white; $dialog-background-color: var(--color-dialog-background);
$dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); $dialog-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
/// fontSize||Font|1 /// fontSize||Font|1
$dialog-content-font-size: 14px; $dialog-content-font-size: 14px;

2
packages/design-system/src/css/reset.scss
View file

@ -96,7 +96,7 @@ body {
font-size: var(--font-size-m); font-size: var(--font-size-m);
font-weight: var(--font-weight-regular); font-weight: var(--font-weight-regular);
color: var(--color-text-dark); color: var(--color-text-dark);
background-color: var(--color-background-xlight); background-color: var(--color-background-light);
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
} }

1
packages/design-system/src/css/switch.scss
View file

@ -65,6 +65,7 @@
border-radius: var.$switch-core-border-radius; border-radius: var.$switch-core-border-radius;
box-sizing: border-box; box-sizing: border-box;
background: var.$switch-off-color; background: var.$switch-off-color;
border: 1px solid var(--color-switch-border-color);
cursor: pointer; cursor: pointer;
transition: transition:
border-color 0.1s, border-color 0.1s,