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

Commit 8342cb27 authored by Ronak Patel's avatar Ronak Patel Committed by Akhil
Browse files

Responsive issue in welcome/signup pages

parent 0ac97220

frontend/_layouts/default.html

+1 −1
Original line number Diff line number Diff line
@@ -33,6 +33,6 @@ 
    <title>{{site.translations[site.lang][page.title_key]}}</title>

  </head>

  <body>

    <div class="container">{{content}}</div>

    <div class="container welcome-container">{{content}}</div>

  </body>

</html>
 
 No newline at end of file

frontend/css/global.css

+38 −33
Original line number Diff line number Diff line
@@ -28,14 +28,10 @@ a { 
    padding-left: 2%;

    padding-right: 2%;

  }

  #main, #inviteRequest {

  #main {

    margin-top: 8%;

  }



  #inviteRequest {

    padding-left: 5%;

    padding-right: 5%;

  }

}

@media screen and (max-width: 768px) {

  button {
@@ -72,6 +68,15 @@ a { 
    font-size: 1.0em;

    line-height: 1.0em;

  }

  #footer {

    display: flex;

    flex-direction: column;

    position: unset !important;

  }

  #main{

    max-width: 100%;

    padding: 10%;

  }

}



#body-login, #body-login a, #body-login p {
@@ -127,7 +132,7 @@ a { 
}

section {

  width: 100%;

  max-width: 45%;

  max-width: 40%;

  margin-left: auto;

  margin-right: auto;

}
@@ -204,11 +209,9 @@ meter[value="4"]::-moz-meter-bar { 
}

#footer {

  background-color: #ffffff;

  padding: 1.5rem 0;

  font-size: 14px;

  width: 100%;

  position: absolute;

  bottom: 0;

  height: 100px;

}

#langButton {

  border: none;
@@ -280,14 +283,6 @@ input { 
  font-size: 12px;

    width: 100%;

}

#inviteRequest,

#registration,

#registrationSuccessMessageWrapper {

  width: 100%;

  display: flex;

  flex-direction: column;

  justify-content: center;

}

.lang-dropdown-div {

  float: right;

  margin-top: 2%;
@@ -334,14 +329,7 @@ input { 
}



#main{

  display: flex;

  flex-direction: column;

  align-items: center;

  height: 100vh;

  justify-content: center;

  margin: 0 auto;

  max-width: 600px;

  padding: 0 2.8rem;

  width: 100%;

}

.container{

  height: 100vh;
@@ -403,14 +391,6 @@ input { 
  text-decoration: none;

}



@media screen and (max-width: 1024px) {

  .lang-dropdown-div{

    margin-top: 5%;

  }

  #inviteRequest, #registration{

    margin-top: 0;

  }

}

@media screen and (max-width: 500px) {

  #main {

    padding: 0 1.5rem;
@@ -418,4 +398,29 @@ input { 
  .lang-dropdown-div{

    margin-top: 10%;

  }

  .e_logo_div, .lang-dropdown-div

  {

    position: unset;

    max-width: 100%;

    padding: 2%;

    float: none;

    margin-top: unset;

    text-align: center;

  }

  #inviteHeader, #registerHeading{

    font-size: 18px;

  }

  footer p {

    font-size: 10px;

  }

}

.welcome-header{

    height: 100px;

    padding-top: 5px;

}

.welcome-container{

    min-height: 100vh;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

}

frontend/email_invite.html

+6 −4
Original line number Diff line number Diff line
@@ -12,11 +12,12 @@ flags: 
  it: "Italian"

  es: "Spanish"

---



<header class="welcome-header">

    {% include logo.html %}

    {% include lang-dropdown.html %}

</header>

<section id="main" class="email-invite-page">

  <input name="lang" value="{{site.lang}}" id="langInput" type="hidden" />

  {% include logo.html %}

  <div id="inviteRequest">

    <div class="has-text-centered" id="success" style="display: none">{% include flash.html %}</div>
@@ -87,5 +88,6 @@ flags: 
      </div>

    </form>

  </div>

  {% include footer.html %}

</section>



{% include footer.html %}

frontend/register.html

+5 −6
Original line number Diff line number Diff line
@@ -13,12 +13,14 @@ custom_js: 
layout: default

---



<header class="welcome-header">

    {% include logo.html %}

    {% include lang-dropdown.html %}

</header>

<section id="main" class="register-page">

<input name="lang" id="langInput" value="{{site.lang}}" type="hidden" />

<div id="registrationSuccessMessageWrapper">

    <section id="success" style="display: none">

      {% include logo.html %}

      <div class="notification isa_success has-text-centered" id="successMessages">

          <h3 class="success__title">{% t success_account_created %}</h3>

          <p id="accountCreatedMsg"></p>
@@ -28,10 +30,7 @@ layout: default 
      </div>

    </section>

</div>

{% include logo.html %}



  <div id="registration">



    <h1 class="has-text-centered subtitle is-3" id="registerHeading">{% t "create_my_account" %}</h1>

    <form

      id="registrationform"
@@ -122,5 +121,5 @@ layout: default 
      </div>

    </form>

  </div>

  {% include footer.html %}

</section>

{% include footer.html %}