mirror of
https://github.com/n8n-io/n8n.git
synced 2025-02-21 02:56:40 -08:00
171f5a458c
* introduce analytics * add user survey backend * add user survey backend * set answers on survey submit Co-authored-by: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com> * change name to personalization * lint Co-authored-by: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com> * N8n 2495 add personalization modal (#2280) * update modals * add onboarding modal * implement questions * introduce analytics * simplify impl * implement survey handling * add personalized cateogry * update modal behavior * add thank you view * handle empty cases * rename modal * standarize modal names * update image, add tags to headings * remove unused file * remove unused interfaces * clean up footer spacing * introduce analytics * refactor to fix bug * update endpoint * set min height * update stories * update naming from questions to survey * remove spacing after core categories * fix bug in logic * sort nodes * rename types * merge with be * rename userSurvey * clean up rest api * use constants for keys * use survey keys * clean up types * move personalization to its own file Co-authored-by: ahsan-virani <ahsan.virani@gmail.com> * update parameter inputs to be multiline * update spacing * Survey new options (#2300) * split up options * fix quotes * remove unused import * refactor node credentials * add user created workflow event (#2301) * update multi params * simplify env vars * fix versionCli on FE * update personalization env * clean up node detail settings * fix event User opened Credentials panel * fix font sizes across modals * clean up input spacing * fix select modal spacing * increase spacing * fix input copy * fix webhook, tab spacing, retry button * fix button sizes * fix button size * add mini xlarge sizes * fix webhook spacing * fix nodes panel event * fix workflow id in workflow execute event * improve telemetry error logging * fix config and stop process events * add flush call on n8n stop * ready for release * fix input error highlighting * revert change * update toggle spacing * fix delete positioning * keep tooltip while focused * set strict size * increase left spacing * fix sort icons * remove unnessary margin * clean unused functionality * remove unnessary css * remove duplicate tracking * only show tooltip when hovering over label * update credentials section * use includes Co-authored-by: ahsan-virani <ahsan.virani@gmail.com> Co-authored-by: Jan Oberhauser <jan.oberhauser@gmail.com>
130 lines
3.1 KiB
SCSS
130 lines
3.1 KiB
SCSS
@charset "UTF-8";
|
|
@use 'mixins/mixins';
|
|
@use 'mixins/utils';
|
|
@use 'mixins/function';
|
|
@use 'common/var';
|
|
|
|
$disabled-border-color: var(--color-foreground-base);
|
|
|
|
$loading-overlay-background-color: rgba(255, 255, 255, 0.35);
|
|
|
|
@include mixins.b(button) {
|
|
display: inline-block;
|
|
line-height: 1;
|
|
white-space: nowrap;
|
|
cursor: pointer;
|
|
|
|
border: var(--border-width-base) var.$button-border-color
|
|
var(--border-style-base);
|
|
color: var.$button-font-color;
|
|
background-color: var.$button-background-color;
|
|
font-weight: var(--font-weight-bold);
|
|
border-radius: var.$button-border-radius;
|
|
padding: var.$button-padding-vertical var.$button-padding-horizontal;
|
|
font-size: var.$button-font-size;
|
|
|
|
-webkit-appearance: none;
|
|
text-align: center;
|
|
box-sizing: border-box;
|
|
outline: none;
|
|
margin: 0;
|
|
transition: 0.1s;
|
|
|
|
@include utils.utils-user-select(none);
|
|
|
|
&:active {
|
|
color: var.$button-active-color;
|
|
border-color: var.$button-active-border-color;
|
|
background-color: var.$button-active-background-color;
|
|
outline: none;
|
|
}
|
|
|
|
&::-moz-focus-inner {
|
|
border: 0;
|
|
}
|
|
|
|
@include mixins.when(loading) {
|
|
position: relative;
|
|
pointer-events: none;
|
|
|
|
&:before {
|
|
pointer-events: none;
|
|
content: '';
|
|
position: absolute;
|
|
left: -1px;
|
|
top: -1px;
|
|
right: -1px;
|
|
bottom: -1px;
|
|
border-radius: inherit;
|
|
background-color: $loading-overlay-background-color;
|
|
}
|
|
}
|
|
|
|
@include mixins.when(disabled) {
|
|
&,
|
|
&:hover,
|
|
&:active,
|
|
&:focus {
|
|
cursor: not-allowed;
|
|
background-image: none;
|
|
color: var.$button-disabled-font-color;
|
|
background-color: var.$button-disabled-background-color;
|
|
border-color: var.$button-disabled-border-color;
|
|
}
|
|
}
|
|
|
|
@include mixins.when(round) {
|
|
--button-border-radius: 20px;
|
|
}
|
|
|
|
@include mixins.when(circle) {
|
|
--button-padding-vertical: var(--spacing-xs);
|
|
--button-padding-horizontal: var(--spacing-xs);
|
|
--button-border-radius: 50%;
|
|
}
|
|
|
|
@include mixins.m(mini) {
|
|
--button-padding-vertical: var(--spacing-4xs);
|
|
--button-padding-horizontal: var(--spacing-2xs);
|
|
--button-font-size: var(--font-size-2xs);
|
|
|
|
@include mixins.when(circle) {
|
|
--button-padding-vertical: var(--spacing-4xs);
|
|
--button-padding-horizontal: var(--spacing-4xs);
|
|
}
|
|
}
|
|
|
|
@include mixins.m(small) {
|
|
--button-padding-vertical: var(--spacing-3xs);
|
|
--button-padding-horizontal: var(--spacing-xs);
|
|
--button-font-size: var(--font-size-2xs);
|
|
|
|
@include mixins.when(circle) {
|
|
--button-padding-vertical: var(--spacing-3xs);
|
|
--button-padding-horizontal: var(--spacing-3xs);
|
|
}
|
|
}
|
|
|
|
@include mixins.m(medium) {
|
|
--button-padding-vertical: var(--spacing-2xs);
|
|
--button-padding-horizontal: var(--spacing-xs);
|
|
--button-font-size: var(--font-size-2xs);
|
|
|
|
@include mixins.when(circle) {
|
|
--button-padding-vertical: var(--spacing-2xs);
|
|
--button-padding-horizontal: var(--spacing-2xs);
|
|
}
|
|
}
|
|
|
|
@include mixins.m(xlarge) {
|
|
--button-padding-vertical: var(--spacing-xs);
|
|
--button-padding-horizontal: var(--spacing-s);
|
|
--button-font-size: var(--font-size-m);
|
|
|
|
@include mixins.when(circle) {
|
|
--button-padding-vertical: var(--spacing-xs);
|
|
--button-padding-horizontal: var(--spacing-xs);
|
|
}
|
|
}
|
|
}
|