kallithea Changeset - 919cebd1073c

Changeset - 919cebd1073c

Parent rev.

Child rev.

[Not reviewed]

default

0 5 0

domruf - 8 years ago 2017-06-26 23:49:26
dominikruf@gmail.com

Grafted from: 88d885e2aa99

templates: use bootstrap grid system for centered panels (login page etc.)

The bootstrap grid system rearranges the elements so that the pages look
good an small screens as well. (i.e. no vertical scrolling)

5 files changed with 28 insertions and 9 deletions:

kallithea/public/less/style.less

kallithea/templates/login.html

kallithea/templates/password_reset.html

kallithea/templates/password_reset_confirmation.html

kallithea/templates/register.html

0 comments (0 inline, 0 general)

kallithea/public/less/style.less

➞

Show inline comments

@@ @@ -494,18 +494,12 @@ div.form div.form-group div.highlight, @@
+}
 #content div.panel div.action div.button {
   text-align: right;
   margin: 6px 0 0;
   padding: 0;
+}
 #login,
 #register {
   width: 520px;
   margin: 10% auto 0;
   padding: 0;
+}
 .ac .match {
   font-weight: 700;
   padding-top: 5px;
   padding-bottom: 5px;
+}
 .q_filter_box {
@@ @@ -699,15 +693,16 @@ div.comment-prev-next-links div.next-com @@
 #graph_content,
 #graph_content_pr,
 #updaterevs-table {
   .make-xs-column(11);
+}
 /* use bootstrap grid columns for centered forms */
 #login,
 #register {
 /* use bootstrap grid columns for centered columns */
 .centered-column {
   .make-sm-column-offset(3);
   .make-sm-column(6);
   .form {
     .form-horizontal;
     .form-group > label {
       .make-sm-column(4);
+    }
     .form-group > div {

kallithea/templates/login.html

➞

Show inline comments

@@ @@ -3,12 +3,15 @@ @@
 <%block name="title">
     ${_('Log In')}
 </%block>
 <%include file="/base/flash_msg.html"/>
 <div class="container">
 <div class="row">
 <div class="centered-column">
 <div id="login" class="panel panel-primary">
     <div class="panel-heading">
       <h5>
         <i class="icon-lock"></i>
         %if c.site_name:
             ${_('Log In to %s') % c.site_name}
@@ @@ -65,6 +68,9 @@ @@
         $(document).ready(function(){
             $('#username').focus();
         });
         </script>
     </div>
 </div>
 </div>
 </div>
 </div>

kallithea/templates/password_reset.html

➞

Show inline comments

@@ @@ -3,12 +3,15 @@ @@
 <%block name="title">
     ${_('Password Reset')}
 </%block>
 <%include file="/base/flash_msg.html"/>
 <div class="container">
 <div class="row">
 <div class="centered-column">
 <div id="register" class="panel panel-primary">
     <div class="panel-heading">
         %if c.site_name:
             <h5>${_('Reset Your Password to %s') % c.site_name}</h5>
         %else:
             <h5>${_('Reset Your Password')}</h5>
@@ @@ -59,6 +62,9 @@ @@
             );
             %endif
          });
         </script>
     </div>
 </div>
 </div>
 </div>
 </div>

kallithea/templates/password_reset_confirmation.html

➞

Show inline comments

@@ @@ -4,12 +4,15 @@ @@
 <%block name="title">
     ${_('Reset Your Password')}
 </%block>
 <%include file="/base/flash_msg.html"/>
 <div class="container">
 <div class="row">
 <div class="centered-column">
 <div id="register" class="panel panel-primary">
     <div class="panel-heading">
         %if c.site_name:
             <h5>${_('Reset Your Password to %s') % c.site_name}</h5>
         %else:
             <h5>${_('Reset Your Password')}</h5>
@@ @@ -49,6 +52,9 @@ @@
                     </div>
                 </div>
         </div>
         ${h.end_form()}
     </div>
    </div>
 </div>
 </div>
 </div>

kallithea/templates/register.html

➞

Show inline comments

@@ @@ -4,12 +4,15 @@ @@
 <%block name="title">
     ${_('Sign Up')}
 </%block>
 <%include file="/base/flash_msg.html"/>
 <div class="container">
 <div class="row">
 <div class="centered-column">
 <div id="register" class="panel panel-primary">
     <div class="panel-heading">
         %if c.site_name:
             <h5>${_('Sign Up to %s') % c.site_name}</h5>
         %else:
             <h5>${_('Sign Up')}</h5>
@@ @@ -97,6 +100,9 @@ @@
             );
             %endif
         });
         </script>
     </div>
  </div>
  </div>
  </div>
  </div>

0 comments (0 inline, 0 general)