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

UX: Remove branded blobs background (#22115) 

* UX: Remove branded blobs background

* Update app/assets/stylesheets/common/base/login.scss

Co-authored-by: Jarek Radosz <jradosz@gmail.com>

---------

Co-authored-by: Jarek Radosz <jradosz@gmail.com>
This commit is contained in:
Ella E 2023-06-14 13:21:08 -06:00 committed by GitHub
parent 9dc63c0755
commit 61cf221416
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 5 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
app/assets/stylesheets/common/base/login.scss
View File

@ -1,6 +1,3 @@
$invite-bg: absolute-image-url("/branded-background.svg");
$invite-mobile-bg: absolute-image-url("/branded-background-mobile.svg");
.caps-lock-warning {
color: var(--danger);
font-size: var(--font-down-1);
@ -36,20 +33,10 @@ $invite-mobile-bg: absolute-image-url("/branded-background-mobile.svg");
}
body.invite-page {
background-image: $invite-bg;
background-size: 110vw 110vh; // crops better than cover at various viewport sizes
background-repeat: no-repeat;
background-position: bottom;
background-color: var(--secondary);
background-color: var(--primary-50);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen-Sans, Ubuntu, Cantarell, Arial, sans-serif;
@include breakpoint("mobile-extra-large") {
background: $invite-mobile-bg;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
}
.d-header .panel.clearfix {
.d-header {
display: none;
}
}
@ -93,7 +80,6 @@ body.invite-page {
display: grid;
grid-template-columns: auto 1fr;
grid-template-rows: auto 1fr;
background: var(--secondary);
max-width: 33em;
word-break: break-word;
.login-title {
@ -364,9 +350,9 @@ body.invite-page {
.invite-form,
.invite-success {
border-radius: 10px;
border-radius: 8px;
margin-top: 25px;
border-top: 6px solid var(--tertiary);
border: 1px solid var(--primary-low);
background-color: var(--secondary);
}

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

@ -1,6 +1,3 @@
$wizard-bg: absolute-image-url("/branded-background.svg");
$wizard-mobile-bg: absolute-image-url("/branded-background-mobile.svg");
@keyframes bump {
0% {
transform: scale(1);
@ -16,11 +13,7 @@ $wizard-mobile-bg: absolute-image-url("/branded-background-mobile.svg");
}
body.wizard {
background: $wizard-bg;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
background-color: var(--secondary);
background-color: var(--primary-50);
color: var(--primary-very-high);
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
Oxygen-Sans, Ubuntu, Cantarell, Arial, sans-serif;
@ -51,13 +44,6 @@ body.wizard {
}
}
}
@include breakpoint("mobile-extra-large") {
background: $wizard-mobile-bg;
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
}
}
// Refactored SCSS