Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-03-12 07:41:43 -05:00
Code Issues Activity

🐛 Fix onboarding modal height

Browse source
This commit is contained in:
Eva 2023-07-12 09:23:51 +02:00
parent 119b3a405c
commit a940c7e912
4 changed files with 49 additions and 32 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
CHANGES.md
View file

@ -75,6 +75,7 @@
- Fix retrieve user comments in dashboard [Taiga #5607](https://tree.taiga.io/project/penpot/issue/5607) - Fix retrieve user comments in dashboard [Taiga #5607](https://tree.taiga.io/project/penpot/issue/5607)
- Locks shapes when moved inside a locked parent [Taiga #5252](https://tree.taiga.io/project/penpot/issue/5252) - Locks shapes when moved inside a locked parent [Taiga #5252](https://tree.taiga.io/project/penpot/issue/5252)
- Fix rotate several elements in bulk [Taiga #5165](https://tree.taiga.io/project/penpot/issue/5165) - Fix rotate several elements in bulk [Taiga #5165](https://tree.taiga.io/project/penpot/issue/5165)
- Fix onboarding slides height [Taiga #5373](https://tree.taiga.io/project/penpot/issue/5373)
### :arrow_up: Deps updates ### :arrow_up: Deps updates

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

@ -899,7 +899,8 @@
} }
&.onboarding-v2 { &.onboarding-v2 {
min-height: 464px; min-height: unset;
height: 100%;
min-width: 752px; min-width: 752px;
.modal-left { .modal-left {
background-color: $color-gray-50; background-color: $color-gray-50;

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

@ -7,12 +7,16 @@
.signup-questions { .signup-questions {
background-color: $color-white; background-color: $color-white;
color: $color-gray-60; color: $color-gray-60;
height: 710px;
max-width: 646px; max-width: 646px;
overflow-y: auto; overflow-y: auto;
padding: 1.5rem 1rem; padding: 1.5rem 1rem;
position: relative; position: relative;
width: 100%; width: 100%;
form {
display: flex;
flex-direction: column;
height: 100%;
}
h1, h1,
h3 { h3 {
@ -33,6 +37,9 @@
height: 2.5rem; height: 2.5rem;
width: 100%; width: 100%;
} }
.custom-select {
margin-bottom: 10px;
}
.step-number { .step-number {
background-color: $color-gray-10; background-color: $color-gray-10;
@ -71,30 +78,38 @@
margin: 0.75rem 0 2rem 0; margin: 0.75rem 0 2rem 0;
} }
} }
.buttons {
flex-grow: 1;
display: grid;
grid-template-columns: 50% 50%;
grid-template-areas: "previous next";
.step-prev { .step-prev {
position: absolute; display: flex;
left: 1rem; align-items: end;
bottom: 1.25rem; justify-content: flex-start;
grid-area: previous;
button { button {
background-color: transparent; background-color: transparent;
border: none; border: none;
cursor: pointer; cursor: pointer;
height: 40px;
font-size: $fs15; font-size: $fs15;
} }
} }
.step-next { .step-next {
display: flex; display: flex;
position: absolute; align-items: end;
right: 1rem; justify-content: flex-end;
bottom: 0rem; grid-area: next;
input { input {
font-size: $fs15; font-size: $fs15;
color: $color-black; color: $color-black;
background-color: $color-primary; background-color: $color-primary;
width: 11rem; width: 11rem;
margin-left: auto; margin-left: auto;
margin: 0;
}
} }
} }

4
frontend/src/app/main/ui/onboarding/questions.cljs
View file

@ -24,7 +24,7 @@
[:div.step-number (str/ffmt "%/4" step)]] [:div.step-number (str/ffmt "%/4" step)]]
children children
[:div.buttons
[:div.step-next [:div.step-next
[:& fm/submit-button [:& fm/submit-button
{:label (if (< step 4) (tr "questions.next") (tr "questions.start")) {:label (if (< step 4) (tr "questions.next") (tr "questions.start"))
@ -32,7 +32,7 @@
(when on-prev (when on-prev
[:div.step-prev [:div.step-prev
[:button {:on-click on-prev} (tr "questions.previous")]])]) [:button {:on-click on-prev} (tr "questions.previous")]])]])
(s/def ::questions-form-step-1 (s/def ::questions-form-step-1
(s/keys :req-un [::planning])) (s/keys :req-un [::planning]))