Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-23 06:58:58 -05:00
Code Issues Activity

✨ Minor enhacements on onboarding modal.

Browse source
This commit is contained in:
elhombretecla 2021-12-02 11:27:58 +01:00 • committed by Andrey Antukh
parent c240b69b5a
commit e9c654f30d
2 changed files with 64 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

62
frontend/resources/styles/main/partials/af-signup-questions.scss
View file

@ -104,6 +104,12 @@
margin: 0.5rem 0;
}
.af-field-input input[type="text"],
.af-choice-option label:before,
.af-dropdown {
border-color: #c5c6c9 !important;
}
.af-choice-option input:checked+label:before,
.af-legal input:checked+label:before {
background-color: $color-primary;
@ -113,7 +119,7 @@
.af-field-previous_design_tool .af-choice-option input:checked+label {
&::before {
background-color: transparent;
border: 2px solid $color-primary;
border: 2px solid $color-primary !important;
}
}
@ -194,4 +200,58 @@
.af-field-previous_design_tool .af-choice-option:nth-child(6) label {
background-image: url("../images/form/never-used.png");
}
.af-field-previous_design_tool .af-choice-option:nth-child(7) label,
.af-field-use_of_penpot .af-choice-option:nth-child(5) label {
justify-content: flex-start;
min-height: auto;
padding-left: 1.4rem;
padding-top: 0;
&:hover {
box-shadow: none;
}
&::before {
content: "";
background-color: #fff;
border: 1px solid #e0e6f0;
border-width: 1px;
border-radius: 50%;
min-width: 20px;
min-height: 20px;
box-sizing: border-box;
margin-left: 4px;
}
&::after {
content: "";
position: absolute;
opacity: 0;
width: 5px;
height: 8px;
margin-top: -1px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
}
.af-field-use_of_penpot .af-choice-option:nth-child(5) label {
&::before {
border-radius: 3px;
}
}
.af-field-previous_design_tool .af-choice-option:nth-child(7) input:checked+label,
.af-field-use_of_penpot .af-choice-option:nth-child(5) input:checked+label {
&::before {
background-color: $color-primary;
}
&::after {
opacity: 1;
}
}
}

4
frontend/resources/styles/main/partials/modal.scss
View file

@ -830,7 +830,7 @@
flex-direction: column;
.modal-top {
padding-top: 40px;
padding: 40px 40px 0 40px;
color: $color-gray-60;
display: flex;
flex-direction: column;
@ -841,11 +841,13 @@
font-weight: 700;
font-size: 27px;
margin-bottom: $size-3;
text-align: center;
}
p {
font-family: 'worksans', sans-serif;
font-weight: 500;
font-size: $fs18;
text-align: center;
}
}