3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-03 18:28:24 +02:00
Code Issues Projects Releases Packages Wiki Activity

Merge pull request #2116 from penpot/palba-review-info-slides

Browse source 
🎉 New style and content for onboarding slides
This commit is contained in:
Andrey Antukh 2022-07-28 15:24:30 +02:00 • committed by GitHub
commit 26fd1a261c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 272 additions and 137 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -868,6 +868,92 @@
}
}
&.onboarding-v2 {
min-height: 464px;
min-width: 752px;
.modal-left {
background-color: $color-gray-50;
width: 297px;
}
.welcome img {
width: 260.9px;
height: 402.96px;
position: absolute;
bottom: -10px;
}
.modal-right {
padding: 0;
}
.release-container {
width: 100%;
text-align: right;
position: relative;
height: 2rem;
}
.release {
background-color: $color-primary;
border-radius: 4px;
color: #1f1f1f;
padding: 4px $size-1;
display: inline-block;
margin-top: 1rem;
margin-right: 1rem;
}
.right-content {
padding: $size-6;
.modal-content {
padding: $size-1 0;
p {
margin-top: 0.4rem;
}
}
.welcome-card {
display: flex;
color: $color-black;
margin-top: $size-5;
width: 90%;
.title a {
font-weight: bold;
color: $color-black;
text-decoration: none;
&:hover {
color: $color-primary-dark;
}
}
.description {
font-size: 12px;
text-decoration: none;
text-transform: none;
}
img {
width: 48px;
height: 48px;
margin-right: 6px;
}
}
}
.modal-navigation {
width: 100%;
padding: 0 2rem 2rem 0;
button {
margin-left: auto;
padding: 0 0.5rem;
}
}
}
&.black {
.modal-left {
background-color: $color-black;
@ -1056,6 +1142,38 @@
top: -18px;
width: 60px;
&.square {
top: -18px;
left: 631px;
width: 24px;
height: 24px;
color: $color-primary;
}
&.circle {
top: -16px;
left: 21px;
width: 24px;
height: 24px;
color: $color-primary;
}
&.line1 {
top: 110px;
left: -12px;
width: 16px;
height: 49px;
color: $color-primary;
}
&.line2 {
top: 440px;
left: 733px;
width: 46px;
height: 43px;
color: $color-primary;
}
&.top {
width: 183px;
top: -106px;