split page for styles of PageHistory

src/client/styles/scss/_page-history.scss

@@ -0,0 +1,81 @@
+.revision-history {
+  .revision-history-list {
+    .revision-history-list-body {
+      min-height: 200px;
+      max-height: calc(100vh - 100px - 550px);
+      overflow: auto;
+    }
+
+    .revision-history-outer {
+      // add border-top except of first element
+      &:not(:first-of-type) {
+        @extend .border-top;
+      }
+
+      .revision-history-main {
+        .picture-lg {
+          width: 32px;
+          height: 32px;
+        }
+
+        .revision-history-meta {
+          a:hover {
+            cursor: pointer;
+          }
+        }
+
+        .caret {
+          transition: 0.4s;
+          transform: rotate(-90deg);
+
+          &.caret-opened {
+            transform: rotate(0deg);
+          }
+        }
+      }
+
+      .revision-history-main-nodiff {
+        .picture-container {
+          min-width: 32px;
+          text-align: center; // centering .picture
+        }
+      }
+
+      .revision-history-diff {
+        padding-left: 40px;
+        color: $gray-900;
+        table-layout: fixed;
+      }
+    }
+
+    li {
+      position: relative;
+      list-style: none;
+    }
+  }
+
+  // compacted list
+  .revision-history-list-compact {
+    .revision-history-outer-contiguous-nodiff {
+      border-top: unset !important; // force unset border
+    }
+  }
+
+  // adjust
+  // this is for diff2html. hide page name from diff view
+  .d2h-file-header {
+    display: none;
+  }
+
+  .d2h-diff-tbody {
+    background-color: white;
+  }
+
+  .revision-compare {
+    .revision-compare-outer {
+      min-height: 100px;
+      max-height: 250px;
+      overflow: auto;
+    }
+  }
+}

src/client/styles/scss/_page.scss

@@ -1,88 +1,6 @@
 // import diff2html styles
 @import '~diff2html/bundles/css/diff2html.min.css';
 
-.revision-history {
-  .revision-history-list {
-    .revision-history-list-body {
-      min-height: 200px;
-      max-height: calc(100vh - 100px - 550px);
-      overflow: auto;
-    }
-
-    .revision-history-outer {
-      // add border-top except of first element
-      &:not(:first-of-type) {
-        @extend .border-top;
-      }
-
-      .revision-history-main {
-        .picture-lg {
-          width: 32px;
-          height: 32px;
-        }
-
-        .revision-history-meta {
-          a:hover {
-            cursor: pointer;
-          }
-        }
-
-        .caret {
-          transition: 0.4s;
-          transform: rotate(-90deg);
-
-          &.caret-opened {
-            transform: rotate(0deg);
-          }
-        }
-      }
-
-      .revision-history-main-nodiff {
-        .picture-container {
-          min-width: 32px;
-          text-align: center; // centering .picture
-        }
-      }
-
-      .revision-history-diff {
-        padding-left: 40px;
-        color: $gray-900;
-        table-layout: fixed;
-      }
-    }
-
-    li {
-      position: relative;
-      list-style: none;
-    }
-  }
-
-  // compacted list
-  .revision-history-list-compact {
-    .revision-history-outer-contiguous-nodiff {
-      border-top: unset !important; // force unset border
-    }
-  }
-
-  // adjust
-  // this is for diff2html. hide page name from diff view
-  .d2h-file-header {
-    display: none;
-  }
-
-  .d2h-diff-tbody {
-    background-color: white;
-  }
-
-  .revision-compare {
-    .revision-compare-outer {
-      min-height: 100px;
-      max-height: 250px;
-      overflow: auto;
-    }
-  }
-}
-
 /**
  * for table with handsontable modal button
  */

src/client/styles/scss/style-app.scss

@@ -55,6 +55,7 @@
 @import 'page-path';
 @import 'page';
 @import 'page-presentation';
+@import 'page-history';
 @import 'search';
 @import 'shortcuts';
 @import 'sidebar';