UX: Improve login required page (#20847)

* UX: improve static login page

* DEV: separate welcome header to its own translation line

* Define waving_hand_url helper

* Remove redundant copy

* Update translations for welcome_message

* DEV: remove unused imported getURL

---------

Co-authored-by: Bianca Nenciu <nenciu.bianca@gmail.com>
This commit is contained in:
Ella E
2023-03-28 06:09:44 -06:00
committed by GitHub
parent 49f0cc16ba
commit 0b05fa71ca
37 changed files with 129 additions and 191 deletions

View File

@@ -52,6 +52,7 @@
@import "sidebar-section";
@import "sidebar-more-section-links";
@import "sidebar-section-link";
@import "static-login";
@import "tagging";
@import "tooltip";
@import "topic-admin-menu";

View File

@@ -0,0 +1,50 @@
body.static-login {
background-color: var(--primary-very-low);
.d-header {
display: none;
}
.body-page {
margin: 15% auto;
}
.logo-container {
border-bottom: 1px solid var(--primary-low);
padding-bottom: 2em;
margin-bottom: 2em;
}
.site-logo {
height: var(--d-logo-height);
width: auto;
max-width: 40%;
object-fit: contain;
}
.waving-hand {
width: 35px;
height: 35px;
margin-bottom: 1em;
}
.login-welcome {
background-color: var(--secondary);
border: 1px solid var(--primary-low);
text-align: center;
padding: 2em;
box-shadow: shadow("card");
border-radius: 5px;
display: grid;
place-items: center;
&__text {
order: 4;
color: var(--primary-medium);
}
.body-page-button-container {
order: 3;
}
}
}