adjust swig template of layout-kibela

src/server/views/layout-kibela/forbidden.html

@@ -13,9 +13,9 @@
 
 {% block content_main %}
   <div class="row">
-    <div class="bg-white round-corner">
+    <div class="col bg-white round-corner">
       {% include '../widget/forbidden_content.html' %}
-    </div> {# /.col- #}
+    </div>
   </div>
 {% endblock %}
 

src/server/views/layout-kibela/not_creatable.html

@@ -13,9 +13,9 @@
 
 {% block content_main %}
   <div class="row">
-    <div class="bg-white round-corner">
+    <div class="col bg-white round-corner">
       {% include '../widget/not_creatable_content.html' %}
-    </div> {# /.col- #}
+    </div>
   </div>
 {% endblock %}
 

src/server/views/layout-kibela/not_found.html

@@ -13,9 +13,9 @@
 
 {% block content_main %}
   <div class="row">
-    <div class="bg-white round-corner">
+    <div class="col bg-white round-corner">
       {% include '../widget/not_found_content.html' %}
-    </div> {# /.col- #}
+    </div>
   </div>
 {% endblock %}
 

src/server/views/layout-kibela/page.html

@@ -13,7 +13,7 @@
 {% block content_main %}
 <div class="row">
 
-  <div class="col-xs-12 bg-white round-corner">
+  <div class="col bg-white round-corner">
 
     {% include '../widget/page_content.html' %}
     {# force remove #revision-toc from #content_main of parent #}
@@ -21,8 +21,10 @@
       $('#revision-toc').remove();
     </script>
 
-  </div> {# /.col- #} {# relocate #revision-toc #}
-  <div class="col-lg-2 col-md-3 revision-toc-container hidden-sm hidden-xs">
+  </div>
+
+  {# relocate #revision-toc #}
+  <div class="col-xl-3 col-lg-4 d-none d-lg-block revision-toc-container">
     <div id="revision-toc" class="revision-toc sps sps--abv" data-sps-offset="80">
       <div id="revision-toc-content" class="revision-toc-content"></div>
     </div>

src/server/views/layout-kibela/page_list.html

@@ -12,28 +12,25 @@
 <div class="row page-content">
 
 
-  <div class="col-xs-12 bg-white round-corner">
+  <div class="col bg-white round-corner">
 
     {% include '../widget/page_content.html' %}
 
   </div>
 
-
   {# force remove #revision-toc from #content_main of parent #}
-      <script>
-        $('#revision-toc').remove();
-      </script>
-
-    </div> {# /.col- #}
-
-    {# relocate #revision-toc #}
-    <div class="col-lg-2 col-md-3 revision-toc-container hidden-sm hidden-xs">
-      <div id="revision-toc" class="revision-toc sps sps--abv" data-sps-offset="80">
-        <div id="revision-toc-content" class="revision-toc-content"></div>
-      </div>
-    </div> {# /.col- #}
-
+  <script>
+    $('#revision-toc').remove();
+  </script>
+
+  {# relocate #revision-toc #}
+  <div class="col-xl-3 col-lg-4 d-none d-lg-block revision-toc-container">
+    <div id="revision-toc" class="revision-toc sps sps--abv" data-sps-offset="80">
+      <div id="revision-toc-content" class="revision-toc-content"></div>
+    </div>
+  </div>
 
+</div>
 
   <div class="row page-list bg-white round-corner grw-pt-10px mb-5 {% if page.isPortal() %}mt-5{% endif %}">
     <div class="col-xs-12">

src/server/views/layout-kibela/user_page.html

@@ -17,7 +17,7 @@
 {% block content_main %}
   <div class="row pt-15">
 
-    <div class="col-xs-12 bg-white round-corner">
+    <div class="col bg-white round-corner">
 
       {#
         # ensure to insert 'user_page_content' widget to here
@@ -40,14 +40,14 @@
         $('#revision-toc').remove();
       </script>
 
-    </div> {# /.col- #}
+    </div>
 
     {# relocate #revision-toc #}
-    <div class="col-lg-2 col-md-3 revision-toc-container hidden-sm hidden-xs">
+    <div class="col-xl-3 col-lg-4 d-none d-lg-block revision-toc-container">
       <div id="revision-toc" class="revision-toc sps sps--abv" data-sps-offset="75">
         <div id="revision-toc-content" class="revision-toc-content"></div>
       </div>
-    </div> {# /.col- #}
+    </div>
 
   </div>