Donate to e Foundation | Murena handsets with /e/OS | Own a part of Murena! Learn more

Commit bcf0e521 authored by Arnau Vàzquez's avatar Arnau Vàzquez
Browse files

Merge branch 'dev/login-responsive-corrections' into 'main' 

login responsive issue and new JS file for `CSR` issue

See merge request !73
parents b50c840f 5b22a35f

core/css/guest.css

+67 −45
Original line number Diff line number Diff line
@@ -96,6 +96,9 @@ body { 
    color: #808080;

}



#body-login .toggle-password {

    background-color: #ffffff;

}



#body-login .wrapper .update.two-factor a, 

#body-login .wrapper .update.two-factor h3,
@@ -1066,7 +1069,8 @@ img.icon-loading-small-dark, object.icon-loading-small-dark, video.icon-loading- 
footer {

    height: 70px;

    width: 100%;

    position: absolute;

    background-color: #ffffff;

    margin-top: 15%;

    bottom: 0;

    right: 0;

    padding-bottom: 15px;
@@ -1106,22 +1110,25 @@ a.legal { 
    flex-direction: column;

    justify-content: center;

    align-items: flex-start;

    gap: 40px;

    height: 100%;

    height: auto;

    background-color: #FFFFFF;

    flex: none;

    order: 0;

    align-self: stretch;

    flex-grow: 0;

    box-sizing: border-box;

    padding: 64px 44px;

    padding: 15vh 5vh;

    position: relative;

    overflow: auto;

    max-height: 100%;

    transition: all 0.3s linear;

}

#body-login .warning-messsage {

    width: 30%;

    margin: 5% auto;

    height: auto;

    gap: 0;

    overflow: hidden;

}

#body-login #user,

#body-login #password,
@@ -1309,6 +1316,7 @@ a.legal { 
    float: left;

    width: 70%;

    background: linear-gradient(127.57deg, #FF7A00 3.94%, #ED1C61 76.89%);

    transition: 1s;

}

.lines{

    background-image: url(../img/lines.png);
@@ -1371,6 +1379,7 @@ a.legal { 
}

.v-align header{

    width: 100%;

    margin-bottom: 5%;

}

.sign-in-label {

    font-family: 'Montserrat';
@@ -1430,6 +1439,7 @@ a.legal { 
@media only screen and (max-width: 1050px) {

    #body-login .v-align{

        height: 80%;

        overflow: hidden;

    }

    .banner-right-align {

        -webkit-box-ordinal-group: 2;
@@ -1437,7 +1447,10 @@ a.legal { 
        box-ordinal-group: 2;

        width: 100%;

        position: relative;

        height: 70%;

        height: 90%;

    }

    .banner-content-create-button{

        text-align: center;

    }

    

    .v-align {
@@ -1456,7 +1469,9 @@ a.legal { 
        box-orient: vertical;

    }

    footer{

		bottom: -100%;

        bottom: 0;

        position: fixed;

        height: auto;

    }

    .lines{

        width: 30%;
@@ -1470,17 +1485,17 @@ a.legal { 
        position: relative;

    }

    #body-login .v-align{

        width: 90%;

        width: 100%;

        margin: 0 auto;

        overflow: hidden;

        position: unset !important;

    }

    .banner-right-align{

        height: 50%;

        height: 60%;

    }

    .banner-right-align .banner-content{

        margin-left: 10%;

		-ms-transform: translateY(5%);

    	transform: translateY(5%);

        margin-top: -25%;

    }

    .banner-content-get-free-murena{

        font-size: 18px;
@@ -1490,7 +1505,9 @@ a.legal { 
        margin: 10% 0 10% 0;

    }

    footer{

        bottom: -40%;

        bottom: 0;

        position: fixed;

        height: auto;

    }

    .lines{

        display: none;
@@ -1509,8 +1526,13 @@ a.legal { 
    }

    footer {

        bottom: 0;

        position: fixed;

        height: auto;

    }

    #body-login .warning-messsage {

        width: 90%;

    }

}

.width0{

    width: 0;

}

core/js/login.js

0 → 100644
+12 −0
Original line number Diff line number Diff line 
$(document).on('click','#lost-password', function(){

	$('.banner-content').hide('slow');

	$('.banner-right-align').addClass('width0');

	$('.lines').hide();

	$('.v-align').addClass('warning-messsage');

});

$(document).on('click','.lost-password-container a', function(){

	$('.banner-right-align').removeClass('width0');

	$('.v-align').removeClass('warning-messsage');

	$('.lines').show('slow');

	$('.banner-content').show('slow');

});