mirror of
https://github.com/discourse/discourse.git
synced 2025-02-25 18:55:32 -06:00
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:
@@ -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";
|
||||
|
||||
50
app/assets/stylesheets/common/base/static-login.scss
Normal file
50
app/assets/stylesheets/common/base/static-login.scss
Normal 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;
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user