WIP: reconstruct layouts

* system-version

lib/views/layout-crowi/base/layout.html

@@ -18,14 +18,7 @@
     {% block side_footer %}
     {% endblock %}
 
-    <div id="footer-container" class="footer">
-      <footer class="">
-        <p>
-          <a href="https://github.com/weseek/crowi-plus">crowi-plus</a> {{ crowiVersion() }}
-          <a href="" class="pull-right" data-target="#shortcuts-modal" data-toggle="modal"><i class="fa fa-keyboard-o"></i>&nbsp;<span class="cmd-key"></span>-/</a>
-        </p>
-      </footer>
-    </div>
+    {% include '../../widget/system-version.html' %}
   </aside>
 
   <div class="row bg-title">

lib/views/layout-growi/base/layout.html

@@ -41,6 +41,6 @@
 </div><!-- /.container-fluid -->
 
 <footer class="footer">
-  {% include '../widget/system-version.html' %}
+  {% include '../../widget/system-version.html' %}
 </footer>
 {% endblock %} {# layout_main #}

resource/styles/scss/_layout_crowi-plus.scss

@@ -14,11 +14,6 @@
     }
   }
 
-  @media (max-width: $screen-sm-max) {
-    .system-version {
-      display: none;
-    }
-  }
 }
 
 .system-version {
@@ -30,4 +25,8 @@
   > span {
     margin-left: .5em;
   }
+
+  @media (max-width: $screen-xs-max) {
+    display: none;
+  }
 }

resource/styles/scss/_layout_crowi.scss

@@ -40,5 +40,20 @@
     .portal-form-button {
       text-align: center;
     }
+
+    .system-version {
+      position: absolute;
+      left: 0.5em;
+      right: 1em;
+      bottom: 0.5em;
+
+      display: flex;
+      justify-content: space-between;
+
+      @media (max-width: $screen-sm-max) {
+        display: none;
+      }
+    }
   }
+
 }