Главная Обзор Помощь
Вход
wiki
/
weseek__growi
зеркало из https://github.com/weseek/growi
2
0
Ответвить 0
Файлы Задачи 0 Вики
Просмотр исходного кода

create kibela class

mayu morita 7 лет назад
Родитель
44862cc8db
Сommit
31233ed6d5
4 измененных файлов с 44 добавлено и 36 удалено
Разделённый вид Показать статистику Diff
  1. 1 9
      lib/views/layout-kibela/base/layout.html
  2. 17 4
      lib/views/layout-kibela/page_list.html
  3. 1 1
      lib/views/layout/layout.html
  4. 25 22
      resource/styles/scss/_layout_kibela.scss

+ 1 - 9
lib/views/layout-kibela/base/layout.html
Просмотреть файл 

@@ -1,18 +1,10 @@
 
 {% extends '../../layout/layout.html' %} {% block layout_main %}
 
 <div class="container-fluid">
 
 
-
 
-
 
   <div class="row body m-0 p-0">
 
 
-    <div id="main" class="main m-t-15 col-md-7 kibela-block {% if page %}{{ css.grant(page) }}{% endif %} {% block main_css_class %}{% endblock %}">
 
+    <div id="main" class="main col-md-7 kibela-block {% if page %}{{ css.grant(page) }}{% endif %} {% block main_css_class %}{% endblock %}">
 
 
-      <div class="row bg-title kibela-title m-10">
 
-        <div class="col-xs-12">
 
-          {% block content_header %} {% endblock %}
 
-        </div>
 
-      </div>
 
-      <!-- /.bg-title -->
 
 
 
       {% block content_main_before %} {% endblock %} {% block content_main %} {% endblock content_main %} {% block content_main_after

+ 17 - 4
lib/views/layout-kibela/page_list.html
Просмотреть файл 

@@ -1,9 +1,23 @@
 
 {% extends 'base/layout.html' %} {% block content_header %} {% include 'widget/header.html' %} {% endblock %} {% block content_main_before
 
 %} {% endblock %} {% block content_main %}
 
 <div class="row page-content">
 
-  <div class="m-t-30">
 
+  <div class="col-xs-12">
 
 
-    {% include '../widget/page_content.html' %}
 
+
 
+    <div class="row bg-title">
 
+        <div class="col-xs-12">
 
+          {% block content_header %} {% endblock %}
 
+        </div>
 
+    </div>
 
+      <!-- /.bg-title -->
 
+
 
+
 
+
 
+    <div class="m-t-30">
 
+
 
+      {% include '../widget/page_content.html' %}
 
+
 
+    </div>
 
 
   </div>
 
 
@@ -13,7 +27,6 @@
 
       </div>
 
     </div>
 
 
-
 
   {# force remove #revision-toc from #content_main of parent #}
 
   <script>
 
     $('#revision-toc').remove();
 
@@ -24,7 +37,7 @@
 
 
 
 {# relocate #revision-toc #}
 
-<div class="col-lg-2 col-md-3 revision-toc-container hidden-sm hidden-xs position-absolute">
 
+<div class="col-lg-10 col-md-8 revision-toc-container hidden-sm hidden-xs position-absolute">
 
   <div id="revision-toc" class="revision-toc" data-spy="affix" data-offset-top="80">
 
     <div id="revision-toc-content" class="revision-toc-content"></div>
 
   </div>

+ 1 - 1
lib/views/layout/layout.html
Просмотреть файл 

@@ -117,7 +117,7 @@ gh/highlightjs/cdn-release@9.12.0/build/languages/yaml.min.js
 
 {% block html_body %}
 
 <body
 
   class="main-container content-wrapper {% block html_base_css %}{% endblock %}
 
-      {% if !layoutType() || 'crowi' === layoutType() %}crowi{% else %}growi{% endif %}"
 
+      {% if !layoutType() || 'crowi' === layoutType() %}crowi{% elseif !layoutType() || 'kibela' === layoutType() %}kibela{% else %}growi{% endif %}"
 
   data-me="{{ user._id.toString() }}"
 
   data-is-admin="{{ user.admin }}"
 
   data-plugin-enabled="{{ isEnabledPlugins() }}"

+ 25 - 22
resource/styles/scss/_layout_kibela.scss
Просмотреть файл 

@@ -1,33 +1,36 @@
 
+.kibela {
 
 
-html, #page-wrapper {
 
-  background-color: #F4F5F6 !important;
 
-}
 
+  html, body, #page-wrapper {
 
+    background-color: #F4F5F6 !important;
 
+    height: 500px;
 
+  }
 
 
-.kibela-block {
 
-  background-color: white;
 
-  position: absolute;
 
-  top: 0px;
 
-  right: 0px;
 
-  bottom: 0px;
 
-  left: 0px;
 
-  margin: auto;
 
-}
 
-.kibela-title {
 
-  margin: none !important;
 
-  padding: none !important;
 
-}
 
-.kibela-page-content {
 
- padding: 15px;
 
-}
 
+  .kibela-block {
 
+    position: absolute;
 
+    top: 0px;
 
+    right: 0px;
 
+    bottom: 0px;
 
+    left: 0px;
 
+    margin: auto;
 
+  }
 
+  .bg-title {
 
+    margin: none !important;
 
+    padding: none !important;
 
+    background: transparent;
 
+  }
 
+  .page-content {
 
 
-.growi.main-container {
 
+  }
 
+
 
+}
 
+.kibela.main-container {
 
   .content-main {
 
     padding: 0;
 
   }
 
 
   .revision-toc {
 
     &.affix {
 
-      right: 8rem;
 
+      right: 6rem;
 
       margin-top: 30px;
 
       top: calc(46px + 5px);
 
       min-width: calc(#{100/12*2%} - #{$grid-gutter-width});  // width of 2column - padding
 
@@ -37,7 +40,7 @@ html, #page-wrapper {
 
     .revision-toc-content {
 
       padding: 0;
 
     }
 
-    @media screen and (max-width: 1300px) {
 
+    @media screen and (max-width: 1430px) {
 
       &.affix {
 
       right: 0rem !important;
 
       transition: 0.5s ;