IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

UX: Remove branded blobs background (#22115)

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