Yuki Takei 8 лет назад
Родитель
Сommit
ee63b34769

+ 3 - 2
lib/views/layout/layout.html

@@ -107,8 +107,9 @@ gh/highlightjs/cdn-release@9.12.0/build/languages/yaml.min.js
 
 
 {% block html_body %}
 {% block html_body %}
 <body
 <body
-  class="crowi main-container content-wrapper {% block html_base_css %}{% endblock %}
-      {% if 'crowi-plus' === layoutType() %}crowi-plus{% endif %}"
+  class="main-container content-wrapper {% block html_base_css %}{% endblock %}
+      {% if 'crowi' === layoutType() %}crowi{% endif %}
+      {% if 'crowi-plus' === layoutType() %}growi{% endif %}"
   data-me="{{ user._id.toString() }}"
   data-me="{{ user._id.toString() }}"
   data-plugin-enabled="{{ isEnabledPlugins() }}"
   data-plugin-enabled="{{ isEnabledPlugins() }}"
  {% block html_base_attr %}{% endblock %}
  {% block html_base_attr %}{% endblock %}

+ 4 - 4
resource/styles/scss/_comment.scss

@@ -1,4 +1,4 @@
-.crowi.main-container {
+.main-container {
   .page-comment-main {
   .page-comment-main {
     // delete button
     // delete button
     .page-comment-control {
     .page-comment-control {
@@ -21,7 +21,7 @@
   }
   }
 }
 }
 
 
-.crowi.main-container .crowi-sidebar .side-content { // styles only for original crowi
+.main-container .crowi-sidebar .side-content { // styles only for original crowi
 
 
 .page-comments {
 .page-comments {
   margin: 8px 0 0 0;
   margin: 8px 0 0 0;
@@ -90,9 +90,9 @@
   }
   }
 }
 }
 
 
-} // .crowi.main-container aside.sidebar .side-content
+} // .main-container aside.sidebar .side-content
 
 
-.crowi.main-container {
+.main-container {
   .page-comments {
   .page-comments {
 
 
     .page-comments-list-toggle-newer,
     .page-comments-list-toggle-newer,

+ 1 - 1
resource/styles/scss/_comment_crowi-plus.scss

@@ -1,4 +1,4 @@
-.crowi-plus.main-container  {
+.growi.main-container  {
 
 
   %comment-section {
   %comment-section {
     position: relative;
     position: relative;

+ 64 - 46
resource/styles/scss/_layout.scss

@@ -1,60 +1,78 @@
-.crowi { // {{{
+.main-container { // {{{
   h1, h2, h3, h4, h5, h6 {
   h1, h2, h3, h4, h5, h6 {
     font-weight: 500;
     font-weight: 500;
   }
   }
 
 
-  &.main-container { // {{{
-
-    .navbar-top-links { // {{{
-      .confidential {
-        a {
-          // border: solid 2px #f00;
-          // background: #fff;
-          // color: #f00;
-          // font-weight: bold;
-          // height: 42px;
-          // margin-top: 5px;
-          // padding: 10px;
-          // margin-right: 5px;
-        }
+  .navbar-top-links { // {{{
+    .confidential {
+      a {
+        // border: solid 2px #f00;
+        // background: #fff;
+        // color: #f00;
+        // font-weight: bold;
+        // height: 42px;
+        // margin-top: 5px;
+        // padding: 10px;
+        // margin-right: 5px;
       }
       }
-    } // }}}
+    }
+  } // }}}
 
 
-    .main {
-      padding: 0; // cancel bootstrap padding
+  .main {
+    padding: 0; // cancel bootstrap padding
 
 
-      .header-wrap {
-        padding: 16px 16px 0 16px;
-        min-height: 70px;
-      }
+    .header-wrap {
+      padding: 16px 16px 0 16px;
+      min-height: 70px;
+    }
 
 
-      .content-main {
-        padding: 8px 16px;
-      }
+    .content-main {
+      padding: 8px 16px;
+    }
+  }
+
+  .layout-control { // {{{
+    transition: .3s ease;
+    -webkit-transition: .3s ease;
+    position: fixed;
+    display: block;
+    text-align: center;
+    right: 25%;
+    bottom: 25px;
+    padding: 5px 8px;
+    border: solid 1px #ccc;
+    border-right: none;
+    border-radius: 5px 0 0 5px;
+    z-index: 1039;
+    font-size: .8em;
+
+    &:hover {
+      text-decoration: none;
+      cursor: pointer;
     }
     }
+  } // }}}
+
+  .revision-toc {
+    font-size: .9em;
+    max-width: 250px;
+    overflow: hidden;
+
+    .revision-toc-content {
+      padding: 10px;
 
 
-    .layout-control { // {{{
-      transition: .3s ease;
-      -webkit-transition: .3s ease;
-      position: fixed;
-      display: block;
-      text-align: center;
-      right: 25%;
-      bottom: 25px;
-      padding: 5px 8px;
-      border: solid 1px #ccc;
-      border-right: none;
-      border-radius: 5px 0 0 5px;
-      z-index: 1039;
-      font-size: .8em;
-
-      &:hover {
-        text-decoration: none;
-        cursor: pointer;
+      > ul {
+        padding-left: 0;
+        ul {
+          padding-left: 1em;
+        }
       }
       }
-    } // }}}
 
 
-  } // }}}
+      > ul > li { // first level of li
+        margin: 4px 4px 4px 15px;
+        padding: 5px;
+      }
+    }
+  }
 } // }}}
 } // }}}
 
 
 
 
@@ -135,7 +153,7 @@
 } // }}}
 } // }}}
 
 
 @media print { // {{{ printable style
 @media print { // {{{ printable style
-  .crowi.main-container { // {{{
+  .main-container { // {{{
     padding: 30px;
     padding: 30px;
 
 
     a:after {
     a:after {

+ 1 - 1
resource/styles/scss/_layout_crowi-plus.scss

@@ -1,4 +1,4 @@
-.crowi-plus.main-container {
+.growi.main-container {
   .main-crowi-plus-customized .content-main {
   .main-crowi-plus-customized .content-main {
     padding: 0;
     padding: 0;
   }
   }

+ 35 - 4
resource/styles/scss/_layout_crowi.scss

@@ -1,7 +1,38 @@
-header {
-  #search-listpage-form {
-    .btn-sm {
-      line-height: 0.5em;
+.crowi.main-container {
+  header {
+    #search-listpage-form {
+      .btn-sm {
+        line-height: 0.5em;
+      }
+    }
+  }
+
+  .revision-toc {
+    float: right;
+    border: solid 1px #aaa;
+    border-radius: 5px;
+    max-width: 250px;
+    overflow: hidden;
+
+    .revision-toc-head {
+      display: inline-block;
+      float: right;
+      border-left: solid 1px #aaa;
+      border-bottom: solid 1px #aaa;
+      border-radius: 0 5px;
+      padding: 3px 11px;
+      font-weight: bold;
+      background: #f0f0f0;
+      margin-left: 5px;
+      margin-bottom: 5px;
+
+      &.collapsed {
+        border: none;
+        margin: 0;
+      }
+    }
+    .revision-toc-content {
+      background: #fcfcfc;
     }
     }
   }
   }
 }
 }

+ 3 - 3
resource/styles/scss/_page.scss

@@ -1,7 +1,7 @@
 // import diff2html styles
 // import diff2html styles
 @import "~diff2html/dist/diff2html.css";
 @import "~diff2html/dist/diff2html.css";
 
 
-.crowi.main-container {
+.main-container {
   // padding controll of .header-wrap and .content-main are moved to _layout and _form
   // padding controll of .header-wrap and .content-main are moved to _layout and _form
 
 
   /*
   /*
@@ -136,7 +136,7 @@
   */
   */
 }
 }
 
 
-.crowi.main-container .main .content-main .revision-history { // {{{
+.main-container .main .content-main .revision-history { // {{{
 
 
   .revision-history-list {
   .revision-history-list {
     .revision-hisory-outer {
     .revision-hisory-outer {
@@ -175,7 +175,7 @@
 
 
 // for not_found.html
 // for not_found.html
 /*
 /*
-.crowi.main-container {
+.main-container {
   .message-not-found {
   .message-not-found {
     margin-top: 10px;
     margin-top: 10px;
     margin-left: 16px;
     margin-left: 16px;

+ 2 - 2
resource/styles/scss/_page_crowi-plus.scss

@@ -1,4 +1,4 @@
-.crowi-plus.main-container {
+.growi.main-container {
   header {
   header {
 
 
     div.title-logo-container {
     div.title-logo-container {
@@ -55,7 +55,7 @@
 }
 }
 
 
 // for not_found.html
 // for not_found.html
-.crowi-plus.main-container {
+.growi.main-container {
   .message-not-found {
   .message-not-found {
     margin-left: 0;
     margin-left: 0;
   }
   }

+ 1 - 1
resource/styles/scss/_page_list.scss

@@ -1,5 +1,5 @@
 
 
-.crowi.main-container .main .timeline-body { // {{{
+.main-container .main .timeline-body { // {{{
   .revision-path {
   .revision-path {
     margin-top: 1.6em;
     margin-top: 1.6em;
     margin-bottom: 0;
     margin-bottom: 0;

+ 1 - 1
resource/styles/scss/_user.scss

@@ -1,4 +1,4 @@
-.crowi.main-container {
+.main-container {
   .main.user-page { // {{{ .main of layout related
   .main.user-page { // {{{ .main of layout related
 
 
     .header-wrap {
     .header-wrap {

+ 1 - 1
resource/styles/scss/_user_crowi-plus.scss

@@ -1,4 +1,4 @@
-.crowi-plus.main-container {
+.growi.main-container {
   .main-crowi-plus-customized.user-page {
   .main-crowi-plus-customized.user-page {
 
 
     .header-wrap {
     .header-wrap {

+ 1 - 44
resource/styles/scss/_wiki.scss

@@ -2,49 +2,6 @@ div.body {
   padding: 10px;
   padding: 10px;
 }
 }
 
 
-.revision-toc {
-  float: right;
-  font-size: .9em;
-  border: solid 1px #aaa;
-  border-radius: 5px;
-  max-width: 250px;
-  overflow: hidden;
-
-  .revision-toc-head {
-    display: inline-block;
-    float: right;
-    border-left: solid 1px #aaa;
-    border-bottom: solid 1px #aaa;
-    border-radius: 0 5px;
-    padding: 3px 11px;
-    font-weight: bold;
-    background: #f0f0f0;
-    margin-left: 5px;
-    margin-bottom: 5px;
-
-    &.collapsed {
-      border: none;
-      margin: 0;
-    }
-  }
-  .revision-toc-content {
-    background: #fcfcfc;
-    padding: 10px;
-
-    > ul {
-      padding-left: 0;
-      ul {
-        padding-left: 1em;
-      }
-    }
-
-    > ul > li { // first level of li
-      margin: 4px 4px 4px 15px;
-      padding: 5px;
-    }
-  }
-}
-
 .revision-head {
 .revision-head {
 
 
   .revision-head-link,
   .revision-head-link,
@@ -192,7 +149,7 @@ div.body {
 }
 }
 
 
 @media (max-width: $screen-sm-max) { // {{{ tablet and iphone size
 @media (max-width: $screen-sm-max) { // {{{ tablet and iphone size
-  .crowi.main-container .main .wiki {
+  .main-container .main .wiki {
     img {
     img {
       max-width: 100%;
       max-width: 100%;
     }
     }

+ 1 - 1
resource/styles/scss/_wiki_crowi-plus.scss

@@ -1,4 +1,4 @@
-.crowi-plus.main-container {
+.growi.main-container {
 
 
   .revision-toc {
   .revision-toc {
     // reset official styles
     // reset official styles