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
remotes/1693176582716663532/tmp_refs/heads/watchparty
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; */
/* } */
#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;

View File

@ -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 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>