Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

FEATURE: Bring back branded blob background to wizard

This commit is contained in:
Martin Brennan 2024-12-05 13:12:49 +10:00
parent 8533290a9c
commit 641099e720
No known key found for this signature in database
GPG Key ID: BD981EFEEC8F5675
2 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/assets/javascripts/discourse/app/static/wizard/components/fields/styling-preview/index.js
View File

@ -143,7 +143,7 @@ export default class Index extends PreviewBaseComponent {
"\n"
);
for (let i = 0; i < lines.length; i++) {
line = height * 0.35 + i * lineHeight;
line = height * 0.4 + i * lineHeight;
ctx.fillText(lines[i], margin + avatarSize + margin, line);
}

18
app/assets/stylesheets/wizard.scss
View File

@ -1,3 +1,6 @@
$blob-bg: absolute-image-url("/branded-background.svg");
$blob-mobile-bg: absolute-image-url("/branded-background-mobile.svg");
@keyframes bump {
0% {
transform: scale(1);
@ -13,7 +16,12 @@
}
body.wizard {
background-color: var(--primary-50);
background-color: var(--secondary);
background-image: $blob-bg;
background-size: 110vw 110vh; // crops better than cover at various viewport sizes
background-repeat: no-repeat;
background-position: bottom;
color: var(--primary-very-high);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen-Sans, Ubuntu, Cantarell, Arial, sans-serif;
@ -22,12 +30,18 @@ body.wizard {
max-width: 100%;
}
@include breakpoint("mobile-extra-large") {
background: $blob-mobile-bg;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
}
#wizard-main {
display: flex;
flex-direction: column;
align-items: center;
padding-top: 1.5em;
background-image: absolute-image-url("/bubbles-bg.png");
height: 100%;
}