NXD Show "about" footer on every page

We show in small font size the same info that is shown on sign_in page:

    "GitLab Nexedi Edition", "About GitLab" and "About Nexedi"

This is good to have and hereby-introduced about-footer area will be
also used in the next patch for ICP too.

XXX placement of .about-footer to be near bottom is done not very
correctly.

app/assets/stylesheets/framework/mobile.scss

@@ -101,6 +101,7 @@
   }
 }
 
+// TODO adjust .page-with-sidebar .about-footer
 @media (max-width: $screen-sm-max) {
   .issues-filters {
     .milestone-filter, .labels-filter {

app/assets/stylesheets/framework/sidebar.scss

@@ -25,7 +25,8 @@
 
 .content-wrapper {
   width: 100%;
-  transition: padding $sidebar-transition-duration;
+  // XXX hack for .about-footer to be near bottom, if not enough content in .container-fluid
+  min-height: 85vh;
 
   .container-fluid {
     background: #fff;
@@ -39,16 +40,73 @@
   }
 }
 
-.sidebar-user {
-  padding: 15px;
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  width: $sidebar_width;
-  overflow: hidden;
-  font-size: 16px;
-  line-height: 36px;
-  transition: width $sidebar-transition-duration, padding $sidebar-transition-duration;
+.about-footer {
+  text-align: center;
+  padding: 10px;
+  padding-top: 14px; // increased: e.g. new_note form can overlap with only 10px top padding
+  a {
+    margin-left:  3px;
+    margin-right: 3px;
+  }
+  font-size: small
+}
+
+.sidebar-wrapper {
+  .header-logo {
+    border-bottom: 1px solid transparent;
+    float: left;
+    height: $header-height;
+    width: $sidebar_width;
+    position: fixed;
+    z-index: 999;
+    overflow: hidden;
+    transition-duration: .3s;
+
+    a {
+      float: left;
+      height: $header-height;
+      width: 100%;
+      padding-left: 22px;
+      overflow: hidden;
+      outline: none;
+      transition-duration: .3s;
+
+      img {
+        width: 36px;
+        height: 36px;
+      }
+
+      #tanuki-logo, img {
+        float: left;
+      }
+
+      .gitlab-text-container {
+        width: 230px;
+
+        h3 {
+          width: 158px;
+          float: left;
+          margin: 0;
+          margin-left: 50px;
+          font-size: 19px;
+          line-height: 50px;
+          font-weight: normal;
+        }
+      }
+    }
+
+    &:hover {
+      background-color: #eee;
+    }
+  }
+
+  .sidebar-user {
+    padding: 7px 22px;
+    position: fixed;
+    bottom: 40px;
+    width: $sidebar_width;
+    overflow: hidden;
+    transition-duration: .3s;
 
   @media (min-width: $sidebar-breakpoint) {
     bottom: 50px;

app/views/layouts/_page.html.haml

@@ -28,3 +28,9 @@
       .content
         .clearfix
           = yield
+  .about-footer
+    = link_to "GitLab Nexedi Edition", "https://lab.nexedi.com/nexedi/slapos/blob/master/software/gitlab/software.cfg"
+    |
+    = link_to "About GitLab", "https://about.gitlab.com/"
+    |
+    = link_to "About Nexedi", "http://www.nexedi.com/"