mirror of
https://github.com/n8n-io/n8n.git
synced 2025-01-27 04:12:38 -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>
124 lines
2.1 KiB
SCSS
124 lines
2.1 KiB
SCSS
@use "mixins/mixins";
|
|
@use "mixins/utils";
|
|
@use "./common/var";
|
|
@use "common/popup";
|
|
|
|
@include mixins.b(dialog) {
|
|
position: relative;
|
|
margin: 0 auto 50px;
|
|
background: var.$dialog-background-color;
|
|
border-radius: var(--border-radius-small);
|
|
box-shadow: var.$dialog-box-shadow;
|
|
box-sizing: border-box;
|
|
width: 50%;
|
|
|
|
@include mixins.when(fullscreen) {
|
|
width: 100%;
|
|
margin-top: 0;
|
|
margin-bottom: 0;
|
|
height: 100%;
|
|
overflow: auto;
|
|
}
|
|
|
|
@include mixins.e(wrapper) {
|
|
position: fixed;
|
|
top: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
left: 0;
|
|
overflow: auto;
|
|
margin: 0;
|
|
}
|
|
|
|
@include mixins.e(header) {
|
|
padding: var.$dialog-padding-primary;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
@include mixins.e(headerbtn) {
|
|
position: absolute;
|
|
top: var.$dialog-close-top;
|
|
right: var.$dialog-padding-primary;
|
|
padding: 0;
|
|
background: transparent;
|
|
border: none;
|
|
outline: none;
|
|
cursor: pointer;
|
|
font-size: var.$message-close-size;
|
|
|
|
.el-dialog__close {
|
|
color: var(--color-info);
|
|
}
|
|
|
|
&:focus,
|
|
&:hover {
|
|
.el-dialog__close {
|
|
color: var(--color-primary);
|
|
}
|
|
}
|
|
}
|
|
|
|
@include mixins.e(title) {
|
|
line-height: var(--font-line-height-compact);
|
|
font-size: var(--font-size-xl);
|
|
color: var(--color-text-dark);
|
|
font-weight: var(--font-weight-regular);
|
|
}
|
|
|
|
@include mixins.e(body) {
|
|
padding: var.$dialog-padding-primary;
|
|
color: var(--color-text-base);
|
|
}
|
|
|
|
@include mixins.e(footer) {
|
|
padding: var.$dialog-padding-primary;
|
|
padding-top: 10px;
|
|
text-align: right;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
// 内容居中布局
|
|
@include mixins.m(center) {
|
|
text-align: center;
|
|
|
|
@include mixins.e(body) {
|
|
text-align: initial;
|
|
padding: 25px (var.$dialog-padding-primary + 5px) 30px;
|
|
}
|
|
|
|
@include mixins.e(footer) {
|
|
text-align: inherit;
|
|
}
|
|
}
|
|
}
|
|
|
|
.dialog-fade-enter-active {
|
|
animation: dialog-fade-in 0.3s;
|
|
}
|
|
|
|
.dialog-fade-leave-active {
|
|
animation: dialog-fade-out 0.3s;
|
|
}
|
|
|
|
@keyframes dialog-fade-in {
|
|
0% {
|
|
transform: translate3d(0, -20px, 0);
|
|
opacity: 0;
|
|
}
|
|
100% {
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
}
|
|
|
|
@keyframes dialog-fade-out {
|
|
0% {
|
|
transform: translate3d(0, 0, 0);
|
|
opacity: 1;
|
|
}
|
|
100% {
|
|
transform: translate3d(0, -20px, 0);
|
|
opacity: 0;
|
|
}
|
|
}
|