pages_core 3.4.3 → 3.5.1

data/app/assets/stylesheets/pages/admin/components/layout.scss

@@ -0,0 +1,44 @@
+*,
+*:before,
+*:after {
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+html, body {
+  margin: 0px;
+  padding: 0px;
+  height: 100vh;
+}
+
+.wrapper {
+  position: relative;
+  display: flex;
+  flex-flow: column nowrap;
+  height: 100vh;
+  > * {
+    flex-shrink: 0;
+  }
+}
+
+.main-wrapper {
+  flex: 1 0 auto;
+  display: flex;
+  flex-flow: row nowrap;
+  @include breakpoint-mobile {
+    flex-flow: column nowrap;
+  }
+  > main {
+    flex: 1;
+    padding: 0px 0px 60px 0px;
+  }
+  > aside {
+    min-width: 300px;
+    width: 20%;
+    padding: 0px 16px;
+    @include breakpoint-mobile {
+      width: 100%;
+    }
+  }
+}

data/app/assets/stylesheets/pages/admin/components/links.scss

@@ -0,0 +1,43 @@
+a,
+a:visited {
+  color: $c-link;
+  text-decoration: underline;
+}
+
+a:hover,
+a:focus {
+  color: $c-link;
+}
+
+a.create,
+a.create:visited {
+  color: $c-create;
+}
+
+a.create:hover,
+a.create:focus {
+  color: $c-create-hover;
+}
+
+a.cancel,
+a.cancel:visited {
+  color: $c-delete;
+}
+
+a.cancel:hover {
+  color: $c-delete-hover;
+}
+
+a.delete, a.delete:visited {
+  color: $c-delete;
+}
+
+a.delete:hover {
+  color: $c-delete-hover;
+}
+
+button a {
+  padding:5px 0;
+  color:#000 !important;
+  text-decoration:none;
+}

data/app/assets/stylesheets/pages/admin/components/list_table.scss

@@ -0,0 +1,58 @@
+table.list {
+  border-collapse: collapse;
+  margin: 16px 0;
+  width: 100%;
+
+  td,
+  th {
+    padding: 8px 16px;
+    text-align: left;
+    vertical-align: top;
+  }
+
+  th {
+    @include vertical-gradient(#fff, #f2f2f2);
+    color: #777;
+    font-weight: bold;
+    border-bottom: 1px solid #bdbdbd;
+  }
+
+  td {
+    border-bottom: 1px solid #ddd;
+    &.note {
+      color: #888;
+    }
+  }
+
+  tr td:first-child,
+  tr th:first-child {
+    padding-left: 32px;
+  }
+  tr td:last-child,
+  tr th:last-child {
+    padding-right: 32px;
+  }
+
+  tr.disabled td  {
+    opacity: 0.5;
+  }
+
+  tr.disabled td:first-child  {
+    background: transparent image-url("pages/admin/list-table-pin-disabled.gif") 14px center no-repeat;
+  }
+
+  tr.active td:first-child  {
+    background: transparent image-url("pages/admin/list-table-pin-blue.gif") 14px center no-repeat;
+  }
+
+  .actions {
+    float: right;
+    margin-bottom: 2px;
+    margin-left: 16px;
+  }
+
+  p {
+    margin: 0;
+    padding: 0;
+  }
+}

data/app/assets/stylesheets/pages/admin/{login.css.scss.erb → components/login.scss}

@@ -4,7 +4,7 @@ body.login {
   }
 }
 
-#main .login-form {
+main .login-form {
   padding-top: 10px;
 
   label {

data/app/assets/stylesheets/pages/admin/{modal.css.erb → components/modal.scss}

@@ -1,4 +1,4 @@
-#modal_container {
+#modal-container {
   z-index:20;
   border: 1px solid #555;
   position: absolute;
@@ -6,7 +6,8 @@
   padding:20px;
   padding-top: 10px;
 }
-#modal_container h2 {
+
+#modal-container h2 {
   padding: 0 0 8px 0;
   color: #27495e;
   font-size: 1.45em;

data/app/assets/stylesheets/pages/admin/components/page_tree.scss

@@ -0,0 +1,173 @@
+%no-select {
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+
+.page-tree {
+  @extend %no-select;
+  position: relative;
+  overflow: hidden;
+
+  margin: 20px 0;
+  margin-left: -20px;
+  margin-right: -10px;
+
+  .draggable {
+    @extend %no-select;
+    position: absolute;
+    opacity: 0.8;
+  }
+
+  .node {
+    &.placeholder > * {
+      visibility: hidden;
+    }
+
+    &.placeholder {
+      border: 1px dashed #ccc;
+    }
+
+    .inner {
+      position: relative;
+      cursor: pointer;
+      padding-left: 10px;
+    }
+
+    .collapse {
+      position: absolute;
+      left: 0;
+      cursor: pointer;
+      font-size: 15px;
+      padding-top: 5px;
+    }
+  }
+
+  .page {
+    @extend %clearfix;
+    font-size: 15px;
+    padding: 6px 10px;
+    border: 1px solid transparent;
+    //border-radius: 5px;
+
+    &:hover {
+      border: 1px solid #f0f0f0;
+      @include vertical-gradient(#ffffff, #f8f8f8);
+    }
+
+    .name {
+      font-weight: bold;
+    }
+
+    .icon {
+      margin-right: 8px;
+    }
+
+    .status-label,
+    .collapsed-label {
+      margin-left: 3px;
+      font-size: 12px;
+    }
+
+    form {
+      display: inline;
+      margin: 0;
+      padding: 0;
+      input {
+        font-size: 15px;
+        padding: 2px 4px;
+
+        margin-top: -2px;
+        margin-bottom: -2px;
+        margin-right: 5px;
+      }
+      button {
+        margin-left: 5px;
+      }
+    }
+
+    a,
+    a:visited {
+      color: #111;
+      text-decoration: none;
+    }
+    a:hover,
+    a:focus {
+      text-decoration: underline;
+    }
+
+    &.status-0,
+    &.status-1,
+    &.status-3 {
+      &,
+      a,
+      a:visited {
+        color: #777;
+      }
+    }
+  }
+
+  .page .actions {
+    float: right;
+    visibility: hidden;
+    margin: -4px -6px -4px 5px;
+    button {
+      margin-left: 5px;
+    }
+  }
+  .page:hover .actions {
+    visibility: visible;
+  }
+
+  button {
+    padding: 0;
+    border: 0;
+    background: transparent;
+    cursor: pointer;
+    font-size: 13px;
+    padding: 3px 5px;
+    border-radius: 3px;
+    color: $c-link;
+
+    .icon {
+      margin-right: 8px;
+    }
+
+    &:hover,
+    &:focus {
+      color: $c-link-hover;
+      background: transparentize($c-link, 0.75);
+    }
+
+    &.add {
+      color: $c-create;
+
+      &:hover,
+      &:focus {
+        color: $c-create-hover;
+        background: transparentize($c-create, 0.75);
+      }
+    }
+
+    &.delete,
+    &.cancel {
+      color: $c-delete;
+
+      &:hover,
+      &:focus {
+        color: $c-delete-hover;
+        background: transparentize($c-delete, 0.75);
+      }
+    }
+  }
+
+  button.add-inline {
+    margin: 5px 0 5px 30px;
+  }
+
+  .node .node .node .page .name {
+    font-weight: normal;
+  }
+}

data/app/assets/stylesheets/pages/admin/{pagination.css.scss → components/pagination.scss}

@@ -2,21 +2,30 @@ $link-color: #1d7195;
 
 .pagination {
   line-height: 20px;
-  a, .disabled, .current {
+
+  a,
+  .disabled,
+  .current {
     display: inline-block;
     border: 1px solid $link-color;
     text-decoration: none;
     padding: 0px 5px;
     font-style: normal;
   }
+
   .disabled {
     border-color: #ccc;
   }
-  .disabled, .gap {
+
+  .disabled,
+  .gap {
     color: #888;
   }
-  .current, a:hover, a:focus {
+
+  .current,
+  a:hover,
+  a:focus {
     background: $link-color;
     color: #fff;
   }
-}
+}

data/app/assets/stylesheets/pages/admin/components/sidebar.scss

@@ -0,0 +1,25 @@
+.sidebar {
+  background: #f5f5f5;
+  box-shadow: inset 5px 0px 5px rgba(0, 0, 0, 0.05);
+  line-height: 1.3;
+  color: #454545;
+
+  h2 {
+    margin: 16px 0 -8px 0;
+    padding: 0 0 8px 0;
+    color: #424140;
+    font-size: 18px;
+    border-bottom: 1px solid #e0e0e0;
+  }
+
+  ul {
+    list-style-type: disc;
+    margin: 1em 0 1em 14px;
+    padding: 0;
+  }
+
+  ul li {
+    margin: 0;
+    padding: 0;
+  }
+}

data/app/assets/stylesheets/pages/admin/{tag_editor.css.scss.erb → components/tag_editor.scss}

@@ -17,15 +17,18 @@
     border-radius: 3px;
     line-height: 1;
     min-width: 40px;
+
     input {
       float: left;
       margin: 2px 0 0 0;
     }
+
     .name {
       float: left;
       padding: 1px 5px;
       margin: 0;
     }
+
     &.enabled {
       background: #396e97;
       border-color: #274b67;
@@ -33,14 +36,17 @@
       text-shadow: #274b67 1px 1px 1px;
     }
   }
+
   .add-tag-form {
     float: left;
     width: 178px;
     white-space: nowrap;
   }
+
   input.add-tag {
     margin: 0 4px 0 0;
     padding: 4px 3px 3px 3px;
+
     &.example {
       color: #888;
     }