Changeset - 919cebd1073c
[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:
0 comments (0 inline, 0 general)
kallithea/public/less/style.less
Show inline comments
 
@@ -497,12 +497,6 @@ div.form div.form-group div.highlight,
 
  margin: 6px 0 0;
 
  padding: 0;
 
}
 
#login,
 
#register {
 
  width: 520px;
 
  margin: 10% auto 0;
 
  padding: 0;
 
}
 
.ac .match {
 
  font-weight: 700;
 
  padding-top: 5px;
 
@@ -702,9 +696,10 @@ div.comment-prev-next-links div.next-com
 
  .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 {
kallithea/templates/login.html
Show inline comments
 
@@ -6,6 +6,9 @@
 
</%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>
 
@@ -68,3 +71,6 @@
 
        </script>
 
    </div>
 
</div>
 
</div>
 
</div>
 
</div>
kallithea/templates/password_reset.html
Show inline comments
 
@@ -6,6 +6,9 @@
 
</%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:
 
@@ -62,3 +65,6 @@
 
        </script>
 
    </div>
 
</div>
 
</div>
 
</div>
 
</div>
kallithea/templates/password_reset_confirmation.html
Show inline comments
 
@@ -7,6 +7,9 @@
 

	
 
<%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:
 
@@ -52,3 +55,6 @@
 
        ${h.end_form()}
 
    </div>
 
   </div>
 
</div>
 
</div>
 
</div>
kallithea/templates/register.html
Show inline comments
 
@@ -7,6 +7,9 @@
 

	
 
<%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:
 
@@ -100,3 +103,6 @@
 
        </script>
 
    </div>
 
 </div>
 
 </div>
 
 </div>
 
 </div>
0 comments (0 inline, 0 general)