WIP: reconstruct layouts

* page-editor in user page

lib/views/layout-crowi/user_page.html

@@ -13,7 +13,7 @@
 
 
 {% block content_main_before %}
-  <div class="m-b-30">
+  <div class="m-b-30 user-page-content-container">
     {% include '../widget/user_page_content.html' %}
   </div>
 {% endblock %}

lib/views/layout-growi/user_page.html

@@ -25,7 +25,7 @@
         #   Because this block has content like 'Bookmarks' or 'Recent Created' whose height changes dynamically,
         #   setting of 'revision-toc' (affix) is hindered.
         #}
-      <div class="m-b-30">
+      <div class="m-b-30 user-page-content-container">
         {% include '../widget/user_page_content.html' %}
       </div>
 

lib/views/widget/user_page_header.html

@@ -3,7 +3,7 @@
 
     <h4 id="revision-path"></h4>
 
-    <div class="d-flex align-items-center">
+    <div class="users-meta d-flex align-items-center">
       <img src="{{ pageUser|picture }}" class="picture img-circle">
       <div class="m-l-30" style="flex: 1;">
         <div class="d-flex align-items-center">

resource/styles/scss/_on-edit.scss

@@ -6,12 +6,14 @@ body.on-edit {
   .row.page-comments-row,
   .row.page-attachments-row,
   .row.not-found-message-row,
+  .users-meta,
+  .user-page-content-container,
   .alert-info.alert-moved,
   .alert-info.alert-unlinked,
   .like-button, .bookmark-link, .btn-edit,
   .authors,
   footer {
-    display: none;
+    display: none !important;
   }
 
   // hide unnecessary elements for growi layout