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 do
master
Nekobit 2022-10-30 00:12:06 -04:00
parent 958e083904
commit 302f35cca0
No known key found for this signature in database
GPG Key ID: 5757C84F4BF97689
2 changed files with 23 additions and 15 deletions

View File

@ -130,6 +130,21 @@ nav {
/* display: flex; */ /* 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 { #login {
position: absolute; position: absolute;
left: 0; left: 0;
@ -152,13 +167,19 @@ nav {
#login .splash-wrapper #login .splash-wrapper
{ {
z-index: -999; z-index: -999;
position: absolute; position: fixed;
display: block; display: block;
right: 0; right: 0;
top: 0; top: 0;
width: 100%; width: 100%;
height: 100%; height: 100%;
filter: contrast(0.4) blur(12px) sepia(20%) saturate(180%) brightness(30%); 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 #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 .splash-wrapper
{ {
position: relative; position: relative;

View File

@ -10,7 +10,7 @@
{% if ref_user %} {% if ref_user %}
<h1 class="form-header-text">@{{ref_user.username}} has invited you!</h1> <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> <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"> <p class="text-muted text-justify mb-3" style="line-height: 1.2em">
Hiiiiii its your favorite user Carp! Were currently on <span style="font-variant-caps: small-caps;">Login Required</span> mode for one of a few reasons: Hiiiiii its your favorite user Carp! Were currently on <span style="font-variant-caps: small-caps;">Login Required</span> mode for one of a few reasons:
</p> </p>