0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-11 23:31:21 -05:00

🐛 Fix issues related to signup questions form.

This commit is contained in:
Andrey Antukh 2021-11-29 17:51:29 +01:00 committed by Alonso Torres
parent 19944202fb
commit 95bf3e3af4
2 changed files with 41 additions and 60 deletions

View file

@ -11,7 +11,7 @@
overflow-y: auto;
padding: 3rem;
width: 100% !important;
h1, h3 {
font-family: 'worksans', sans-serif !important;
margin-bottom: .8rem;
@ -84,7 +84,7 @@
display: flex;
margin-top: 2rem;
}
.af-step-next button {
color: $color-black;
background-color: $color-primary;
@ -104,36 +104,40 @@
margin: 2rem 0;
}
.af-choice-option input:checked+label:before, .af-legal input:checked+label:before {
.af-choice-option input:checked+label:before,
.af-legal input:checked+label:before {
background-color: $color-primary;
}
.af-choice-option input#af-uid-416:checked+label,
.af-choice-option input#af-uid-417:checked+label,
.af-choice-option input#af-uid-418:checked+label,
.af-choice-option input#af-uid-419:checked+label,
.af-choice-option input#af-uid-420:checked+label,
.af-choice-option input#af-uid-421:checked+label,
.af-choice-option input#af-uid-424:checked+label,
.af-choice-option input#af-uid-425:checked+label,
.af-choice-option input#af-uid-426:checked+label,
.af-choice-option input#af-uid-427:checked+label {
.af-field-use_of_penpot .af-choice-option input:checked+label,
.af-field-previous_design_tool .af-choice-option input:checked+label {
&::before {
background-color: transparent;
border: 2px solid $color-primary;
}
}
label[for=af-uid-416],
label[for=af-uid-417],
label[for=af-uid-418],
label[for=af-uid-419],
label[for=af-uid-420],
label[for=af-uid-421],
label[for=af-uid-424],
label[for=af-uid-425],
label[for=af-uid-426],
label[for=af-uid-427] {
.af-field-use_of_penpot .af-choice-option label {
padding-top: 6rem;
background-size: 120px;
min-height: 150px;
}
.af-field-use_of_penpot .af-choice-option:nth-child(1) label {
background-image: url("../images/form/use-for-1.jpg");
}
.af-field-use_of_penpot .af-choice-option:nth-child(2) label {
background-image: url("../images/form/use-for-2.jpg");
}
.af-field-use_of_penpot .af-choice-option:nth-child(3) label {
background-image: url("../images/form/use-for-3.jpg");
}
.af-field-use_of_penpot .af-choice-option:nth-child(4) label {
background-image: url("../images/form/use-for-4.jpg");
}
.af-field-use_of_penpot label,
.af-field-previous_design_tool label {
display: flex;
padding-top: 5rem;
justify-content: center;
@ -160,59 +164,34 @@
left: 0;
margin: 0;
}
&::after {
display: none !important;
}
}
label[for=af-uid-424],
label[for=af-uid-425],
label[for=af-uid-426],
label[for=af-uid-427] {
padding-top: 6rem;
background-size: 120px;
min-height: 150px;
}
label[for=af-uid-416] {
.af-field-previous_design_tool .af-choice-option:nth-child(1) label {
background-image: url("../images/form/figma.png");
}
label[for=af-uid-417] {
.af-field-previous_design_tool .af-choice-option:nth-child(2) label {
background-image: url("../images/form/sketch.png");
}
label[for=af-uid-418] {
.af-field-previous_design_tool .af-choice-option:nth-child(3) label {
background-image: url("../images/form/adobe-xd.png");
}
label[for=af-uid-419] {
.af-field-previous_design_tool .af-choice-option:nth-child(4) label {
background-image: url("../images/form/uxpin.png");
}
label[for=af-uid-420] {
.af-field-previous_design_tool .af-choice-option:nth-child(5) label {
background-image: url("../images/form/invision.png");
}
label[for=af-uid-421] {
.af-field-previous_design_tool .af-choice-option:nth-child(6) label {
background-image: url("../images/form/never-used.png");
}
label[for=af-uid-424] {
background-image: url("../images/form/use-for-1.jpg");
}
label[for=af-uid-425] {
background-image: url("../images/form/use-for-2.jpg");
}
label[for=af-uid-426] {
background-image: url("../images/form/use-for-3.jpg");
}
label[for=af-uid-427] {
background-image: url("../images/form/use-for-4.jpg");
}
}
}

View file

@ -83,7 +83,9 @@
(when-let [props (some-> profile (get :props {}))]
(cond
(and cf/onboarding-form-id
(not (:onboarding-questions-answered props false)))
(not (:onboarding-questions-answered props false))
(not (:onboarding-viewed props false)))
[:& app.main.ui.onboarding.questions/questions
{:profile profile
:form-id cf/onboarding-form-id}]