forked from rDrama/rDrama
login: Fix scroll overlay page
Login and scroll page were overflowing. This workaround is a bit funky due to the overflow placement, but it'll domaster
parent
958e083904
commit
302f35cca0
|
@ -130,6 +130,21 @@ nav {
|
|||
/* display: flex; */
|
||||
/* } */
|
||||
|
||||
#register-form-container {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
max-width: 460px;
|
||||
padding: 40px;
|
||||
flex: 1;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#register-form {
|
||||
flex: 0 0 58.3333333333%;
|
||||
align-self: center;
|
||||
min-width: 300px;
|
||||
}
|
||||
|
||||
#login {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
|
@ -152,13 +167,19 @@ nav {
|
|||
#login .splash-wrapper
|
||||
{
|
||||
z-index: -999;
|
||||
position: absolute;
|
||||
position: fixed;
|
||||
display: block;
|
||||
right: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
filter: contrast(0.4) blur(12px) sepia(20%) saturate(180%) brightness(30%);
|
||||
|
||||
}
|
||||
#register-form {
|
||||
flex: 0 0 58.3333333333%;
|
||||
align-self: center;
|
||||
min-width: 10px;
|
||||
}
|
||||
#login input
|
||||
{
|
||||
|
@ -171,19 +192,6 @@ nav {
|
|||
}
|
||||
}
|
||||
|
||||
#register-form-container {
|
||||
display: flex;
|
||||
flex: 1;
|
||||
justify-content: center;
|
||||
|
||||
}
|
||||
|
||||
#register-form {
|
||||
flex: 0 0 58.3333333333%;
|
||||
align-self: center;
|
||||
min-width: 100px;
|
||||
}
|
||||
|
||||
.splash-wrapper
|
||||
{
|
||||
position: relative;
|
||||
|
|
|
@ -10,7 +10,7 @@
|
|||
{% if ref_user %}
|
||||
<h1 class="form-header-text">@{{ref_user.username}} has invited you!</h1>
|
||||
<p class="form-header-text-alt">Looks like someone wants you to join {{SITE_NAME}}.</p>
|
||||
{% elif SITE_NAME == 'rDrama' and site_settings['login_required'] %}
|
||||
{% elif SITE_NAME == 'rDrama' %}
|
||||
<p class="text-muted text-justify mb-3" style="line-height: 1.2em">
|
||||
Hiiiiii it’s your favorite user Carp! We’re currently on <span style="font-variant-caps: small-caps;">Login Required</span> mode for one of a few reasons:
|
||||
</p>
|
||||
|
|
Loading…
Reference in New Issue