improve affix header

lib/views/crowi-plus/widget/header.html

@@ -1,9 +1,12 @@
 <div class="header-wrap">
   <header id="page-header">
-    <p class="stopper"><a href="#" data-affix-disable="#page-header"><i class="fa fa-chevron-up"></i></a></p>
-
     <div class="flex-title-line">
-      <div>
+      <div class="title-logo-container">
+        <a href="/">
+          <img alt="Crowi" src="/logo/32x32_g.png" />
+        </a>
+      </div>
+      <div class="title-container">
         <h1 class="title flex-item-title" id="revision-path"></h1>
         <div id="revision-url" class="url-line"></div>
       </div>

resource/css/_page_crowi-plus.scss

@@ -1,8 +1,27 @@
 .crowi-plus.main-container {
   .flex-title-line {
 
+    div.title-logo-container {
+      display: none;  // hide in default
+
+      a {
+        width: 32px;
+        height: 32px;
+
+        // centering
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        img {
+          width: 16px;
+          height: 16px;
+        }
+      }
+    }
+
     // the container of h1
-    div:first-child {
+    div.title-container {
       margin-right: auto;
     }
 
@@ -28,8 +47,17 @@
 
   }
 
-  // hide authors in affix
+  /*
+   * affix header
+   */
   .main #page-header.affix {
+    // show logo link
+    div.title-logo-container {
+      display: unset;
+      margin-left: -12px;
+      margin-right: 6px;
+    }
+    // hide authors in affix
     .authors {
       display: none !important;
     }