[Rt-commit] rt branch, 4.6/tweak-footer-style, created. rt-4.4.4-491-gdec487f1a

? sunnavy sunnavy at bestpractical.com
Tue Oct 29 16:11:13 EDT 2019


The branch, 4.6/tweak-footer-style has been created
        at  dec487f1adedf828ca81367ba0eda0f8579633da (commit)

- Log -----------------------------------------------------------------
commit 0180179f4a6a9fd882a092af6a62cd5b68ab0b64
Author: sunnavy <sunnavy at bestpractical.com>
Date:   Tue Oct 29 13:43:43 2019 +0800

    Put footer to the end of viewport when the page is short
    
    When the page is long, the footer is still after all the content instead
    of always showing at the end of viewport.

diff --git a/share/html/Elements/Footer b/share/html/Elements/Footer
index 41d60ad47..e1cabccba 100644
--- a/share/html/Elements/Footer
+++ b/share/html/Elements/Footer
@@ -66,6 +66,7 @@
 <%$d->Dump() %>
 </pre>
 % }
+    </div>
   </body>
 </html>
 <%ARGS>
diff --git a/share/html/Elements/Header b/share/html/Elements/Header
index b9538e66f..ed630642d 100644
--- a/share/html/Elements/Header
+++ b/share/html/Elements/Header
@@ -98,6 +98,7 @@
 
 </head>
   <body class="<% join( ' ',@{$ARGS{'BodyClass'}}, RT->Config->Get('WebDefaultStylesheet', $session{CurrentUser}) =~ /-dark$/ ? 'darkmode' : ()) %>" <% $id && qq[id="comp-$id"] |n %>>
+    <div class="main-container">
 
 % if ($ShowBar) {
 <& /Elements/Logo, %ARGS &>
diff --git a/share/static/css/elevator-light/layout.css b/share/static/css/elevator-light/layout.css
index ca630eb91..6a028233d 100644
--- a/share/static/css/elevator-light/layout.css
+++ b/share/static/css/elevator-light/layout.css
@@ -32,14 +32,13 @@ div#body {
 
 div#footer {
     position: absolute;
-    right: 0;
     text-align: right;
     font-size: 0.9em;
-    margin-top: 2em;
     background: #fff;
-    margin-bottom: 0;
     padding-left: 3em;
     padding-right: 1em;
+    bottom: 0;
+    width: 100%;
 }
 
 div#footer #time {
@@ -161,3 +160,11 @@ ul ul {
 ol ol {
   list-style-type: upper-alpha;
 }
+
+.main-container {
+  min-height: 100vh;
+  overflow: hidden;
+  display: block;
+  position: relative;
+  padding-bottom: 5em;
+}

commit 98642d248eb993213563f8123f3c7cfdadcab86e
Author: sunnavy <sunnavy at bestpractical.com>
Date:   Wed Oct 30 03:21:38 2019 +0800

    Move bpscredits in footer to center

diff --git a/share/html/Elements/Footer b/share/html/Elements/Footer
index e1cabccba..43c3b8191 100644
--- a/share/html/Elements/Footer
+++ b/share/html/Elements/Footer
@@ -49,14 +49,18 @@
   <hr class="clear" />
 </div>
 % $m->callback( %ARGS );
-<div id="footer" title="Best Practical Solutions, LLC, copyright and logo">
+<div id="footer" title="Best Practical Solutions, LLC, copyright and logo" class="row">
 % if ($m->{'rt_base_time'}) {
   <p id="time"><span><&|/l&>Time to display</&>: <%Time::HiRes::tv_interval( $m->{'rt_base_time'} )%></span></p>
 %}
+    <div class="col-md-4 offset-md-4 col-sm-12">
   <p id="bpscredits"><span><&|/l_unsafe,     '»|«', $RT::VERSION, '2019', '<a href="http://www.bestpractical.com?rt='.$RT::VERSION.'">Best Practical Solutions, LLC</a>', &>[_1] RT [_2] Copyright 1996-[_3] [_4].</&>
 </span></p>
+    </div>
 % if (!$Menu) {
+    <div class="col-md-4 col-sm-12">
   <p id="legal"><&|/l_unsafe, '<a href="http://www.gnu.org/licenses/gpl-2.0.html">', '</a>' &>Distributed under [_1]version 2 of the GNU GPL[_2].</&><br /><&|/l_unsafe, '<a href="mailto:sales at bestpractical.com">sales at bestpractical.com</a>' &>To inquire about support, training, custom development or licensing, please contact [_1].</&><br /></p>
+    </div>
 % }
 </div>
 % if ($Debug >= 2 ) {
diff --git a/share/static/css/elevator-light/layout.css b/share/static/css/elevator-light/layout.css
index 6a028233d..782495cdd 100644
--- a/share/static/css/elevator-light/layout.css
+++ b/share/static/css/elevator-light/layout.css
@@ -46,11 +46,15 @@ div#footer #time {
 }
 
 div#footer #bpscredits {
-    text-align: right;
-    background: url(../../../static/images/bpslogo.png) no-repeat top right;
+    text-align: center;
+    background: url(../../../static/images/bpslogo.png) no-repeat top center;
     padding-top: 4em;
 }
 
+div#footer #legal {
+    padding-top: 1.5em;
+}
+
 /* logo stuff */
 
 div#logo {

commit 2d7b63113557a6998886a8dafa41ec5604db304d
Author: sunnavy <sunnavy at bestpractical.com>
Date:   Wed Oct 30 03:22:53 2019 +0800

    Smaller font size in footer

diff --git a/share/static/css/elevator-light/layout.css b/share/static/css/elevator-light/layout.css
index 782495cdd..a5f82dd8b 100644
--- a/share/static/css/elevator-light/layout.css
+++ b/share/static/css/elevator-light/layout.css
@@ -33,7 +33,7 @@ div#body {
 div#footer {
     position: absolute;
     text-align: right;
-    font-size: 0.9em;
+    font-size: 0.8em;
     background: #fff;
     padding-left: 3em;
     padding-right: 1em;

commit 2a16a547ff500c534ce32aaee6e45ab04e751fe3
Author: sunnavy <sunnavy at bestpractical.com>
Date:   Wed Oct 30 03:27:42 2019 +0800

    Set footer's background color to dark

diff --git a/share/static/css/elevator-light/layout.css b/share/static/css/elevator-light/layout.css
index a5f82dd8b..29bfb3b87 100644
--- a/share/static/css/elevator-light/layout.css
+++ b/share/static/css/elevator-light/layout.css
@@ -39,6 +39,7 @@ div#footer {
     padding-right: 1em;
     bottom: 0;
     width: 100%;
+    background: #2C3539;
 }
 
 div#footer #time {
@@ -55,6 +56,10 @@ div#footer #legal {
     padding-top: 1.5em;
 }
 
+div#footer a {
+    color: white;
+}
+
 /* logo stuff */
 
 div#logo {

commit dec487f1adedf828ca81367ba0eda0f8579633da
Author: sunnavy <sunnavy at bestpractical.com>
Date:   Wed Oct 30 03:29:35 2019 +0800

    Show bpslogo in footer with dark theme

diff --git a/share/static/css/elevator-light/layout.css b/share/static/css/elevator-light/layout.css
index 29bfb3b87..a5810839a 100644
--- a/share/static/css/elevator-light/layout.css
+++ b/share/static/css/elevator-light/layout.css
@@ -48,7 +48,7 @@ div#footer #time {
 
 div#footer #bpscredits {
     text-align: center;
-    background: url(../../../static/images/bpslogo.png) no-repeat top center;
+    background: url(../../../static/images/bpslogo.png) no-repeat top center !important;
     padding-top: 4em;
 }
 

-----------------------------------------------------------------------


More information about the rt-commit mailing list