@openneuro/app 4.1.2 → 4.2.3

package/src/sass/crn_app/_dataset.comments.scss

@@ -1,201 +0,0 @@
-/*Globals*/
-
-.dataset-comments {
-  * {
-    box-sizing: border-box;
-    font-family: inherit;
-  }
-  button:focus {
-    outline: none;
-  }
-  blockquote.RichEditor-blockquote {
-    border-left: 5px solid $primary;
-    border-left: 5px solid var(--primary);
-  }
-  .comment-header {
-    label {
-      font-size: 18px;
-      color: $c-42;
-      line-height: 10px;
-      padding: 0;
-    }
-    div {
-      margin-bottom: 15px;
-      span {
-        float: right;
-        select {
-          width: 160px;
-          font-size: 13px;
-          height: 25px;
-        }
-      }
-      .uploader-following {
-        float: left;
-        padding-top: 6px;
-        color: $primary;
-        color: var(--primary);
-      }
-    }
-  }
-  pre {
-    background-color: $eee !important;
-    color: inherit;
-    * {
-      background-color: inherit !important;
-    }
-  }
-  i {
-    font-family: "FontAwesome";
-    padding-right: 2px;
-    padding-left: 2px;
-  }
-}
-
-.toggle-replies {
-  float:right;
-  margin-right:20px;
-}
-
-.top-level {
-  margin-bottom: 10px; 
-
-  .reply-div {
-    border: solid 1px $ddd;
-    margin: 0px;
-    margin-top: 10px;
-    padding: 15px;
-    button {
-      margin-top: 10px;      
-      margin-right: 5%;
-    }
-  }
-}
-
-.comment-input {
-  width: 80%;
-}
-
-.deleted-comment {
-  padding: 15px;
-}
-
-.parent-comment {
-  margin-left: 0px;
-  padding-left: 0px;
-  border-left: none;
-}
-
-.RichEditor-root, .comment {
-  background-color: $f4;
-  border-radius: 0 10px 10px 10px;
-  padding: 10px;
-  margin-bottom: 10px;
-}
-
-.RichEditor-editor {
-  .btn-modal-action {
-    margin: 0;
-    margin-top: 4px;
-    background: $white;
-  }
-}
-
-/*Editor Block*/
-.DraftEditor-root {
-  padding: 0px 10px 10px 10px;
-  min-height: 2em;
-}
-
-.RichEditor-root > .RichEditor-editor > .DraftEditor-root {
-  color: $c-66;
-  min-height: 6em;
-  background-color: $white;
-  &:focus-within {
-    box-shadow: inset 0px 0px 3px $c-66;
-  }
-}
-
-.dataset-comments {
-  .row {
-    margin: 0;
-  }
-  .row:first-child {
-    margin-bottom: 6px;
-  }
-  .row:last-child {
-    margin-top: 6px;
-  }
-  .replies {
-    margin-left: 2em;
-  }
-}
-
-.comment-body {
-  display: flex;
-  img.comment-avatar {
-    flex: 0;
-    width: 60px;
-    height: 60px;
-    border-radius: 50%;
-    margin: 1em;
-  }
-  div.DraftEditor-root {
-    flex: 1;
-  }
-}
-
-.comment {
-  .reply {
-    position: relative;
-    right: 0;
-  }
-}
-
-/*Submit Button*/
-
-.comment-submit {
-  background: $white;
-  color: $primary;
-  color: var(--primary);
-  width: 90%;
-  border: 2px solid $primary;
-  border: 2px solid var(--primary);
-  border-radius: 0px;
-  margin-left: 4%;
-  &:focus {
-    outline: none !important;
-  }
-  &:hover {
-    background-color: $secondary;
-    background-color: var(--secondary);
-    color: $white;
-    border: 2px solid $secondary;
-    border: 2px solid var(--secondary);
-  }
-}
-
-.comments {
-  position: relative;
-  border: solid 1px $ddd;
-  margin: 0px 0px 20px 0px;
-  padding: 10px;
-  top: 20px;
-}
-
-.dataset-owner-flag {
-  padding: 0px 2px;
-  background-color: $primary;
-  background-color: var(--primary);
-  color: $white;
-}
-
-.login-for-comments {
-  text-align: center;
-}
-
-.reply,
-.delete,
-.edit,
-.cancel-edit {
-  padding-left: 1em;
-}

package/src/sass/crn_app/_dataset.dataset.scss

@@ -1,161 +0,0 @@
-.snapshot,
-.dataset {
-  .dataset-inner {
-    @include mobile {
-      .mobile-class {
-        padding: 15px;
-      }
-    }
-    margin-bottom: 15%;
-    h1 {
-      margin-top: 0;
-      label {
-        margin: 0;
-        padding: 0;
-        text-transform: none;
-        font-weight: 300;
-        font-family: $font-family-open;
-        font-family: var(--font-family-open);
-        font-size: 40px;
-        color: $c-33;
-      }
-
-      .nav.nav-pills {
-        float: left;
-      }
-
-      .form-group {
-        margin: 0;
-        .cte-display {
-          display: none;
-        }
-        .cte-edit {
-          margin: 10px 0;
-        }
-
-        .cte-save-btn {
-          font-size: 16px;
-          font-family: $font-family-cabin;
-          font-family: var(--font-family-cabin);
-        }
-      }
-    }
-
-    h6 {
-      margin: 5px 0 0;
-    }
-
-    .dataset-readme {
-      margin-top: 20px;
-
-      .description-item {
-        padding-bottom: 10px;
-        margin-bottom: 10px;
-        .form-group {
-          margin: 0;
-
-          .alert.alert-danger {
-            position: relative;
-          }
-          .cte-display {
-            border-bottom: 1px solid $eee;
-            padding: 10px;
-          }
-
-          .cte-edit {
-            border-bottom: 1px solid $eee;
-
-            .cte-edit-array {
-              margin-bottom: 10px;
-            }
-          }
-
-          label {
-            font-size: 18px;
-            color: $c-42;
-            line-height: 10px;
-            padding: 0;
-          }
-
-          textarea,
-          textarea.form-control {
-            min-height: 300px;
-          }
-        }
-
-        .float-label-input {
-          width: 75%;
-          label {
-            position: absolute;
-            font-size: 10px;
-            padding-right: 5px;
-            right: 10px;
-            top: 3px;
-          }
-        }
-
-        .file-name-link {
-          i {
-            font-size: 13px;
-          }
-        }
-      }
-    }
-
-    .dataset-form {
-      .dataset-form-header {
-        label {
-          font-size: 18px;
-        }
-      }
-      .dataset-form-controls {
-        margin-top: 20px;
-      }
-
-      .changelog-length-warning,
-      .btn-dataset-submit {
-        float: right;
-        margin-right: 20px;
-      }
-
-      .change {
-        margin-top: 10px;
-      }
-
-      .change-controls {
-        i {
-          margin-right: 3px;
-        }
-      }
-
-      .alert.alert-danger {
-        position: relative;
-      }
-    }
-  }
-}
-
-.dataset-inner {
-  h2 {
-    font-size: 18px;
-    line-height: 10px;
-    padding: 0;
-    color: #424242;
-    padding-top: 1em;
-    border-top: 1px solid;
-    border-top-color: #eee;
-    text-transform: uppercase;
-    font-weight: bold;
-  }
-}
-
-.cte-display {
-  ul {
-    @extend .list-group !optional;
-    li {
-      @extend .list-group-item !optional;
-      display: inline-block;
-      width: 100%;
-    }
-  }
-}

package/src/sass/crn_app/_dataset.file-tree.scss

@@ -1,277 +0,0 @@
-//File structure  accordion
-.file-structure.panel-group {
-  margin: 5px 0 10px;
-  border: 0;
-
-  .panel-default {
-    @include border-radius(0);
-    background: none;
-    border: 0;
-    box-shadow: none;
-    padding: 0;
-
-    .accordion-icon {
-      float: right;
-      margin-top: 2px;
-    }
-
-    .type-icon {
-      background: none;
-      border: 0;
-    }
-
-    .panel-heading {
-      @include border-radius(0);
-      border: 0;
-      border-color: $transparent;
-      box-shadow: none;
-      margin: 0;
-      padding: 5px 0;
-      background-color: transparent;
-      text-align: left;
-
-      .panel-title {
-        color: $aaa;
-        font-size: 13px;
-        padding: 0;
-
-        a {
-          text-decoration: none;
-          color: $primary;
-          color: var(--primary);
-          background: none;
-          margin: 0;
-          padding: 0 0 20px;
-          border-color: transparent;
-
-          &::before {
-            content: 'Hide ';
-          }
-          &.collapsed::before {
-            content: 'View ';
-          }
-
-          &:hover {
-            text-decoration: none;
-            color: $primary-hover;
-            color: var(--primary-hover);
-          }
-        }
-      }
-    }
-
-    .panel-collapse {
-      margin-top: 0;
-
-      .panel-body {
-        border-top: 1px solid transparent;
-        color: $c-56;
-        font-family: $font-family-cabin;
-        font-family: var(--font-family-cabin);
-        font-size: 11px;
-
-        > ul {
-          overflow: visible;
-          height: auto;
-          padding: 0;
-          margin: 0;
-
-          li {
-            padding: 6px 0 6px 10px;
-            list-style: none;
-            margin: 2px;
-
-            span.item-name > * {
-              white-space: normal;
-            }
-
-            .btn-file-folder {
-              color: $c-66;
-              width: 100%;
-              text-align: left;
-            }
-
-            .child-files {
-              margin-left: 5px;
-              border-left: 1px solid $c-9e;
-
-              li {
-                background: $white;
-
-                .message.error {
-                  color: $coral;
-                }
-                .fa-times {
-                  cursor: pointer;
-                }
-              }
-
-              li::before {
-                content: '';
-                height: 7px;
-                width: 7px;
-                background: none;
-                border-bottom: 1px solid $c-9e;
-                margin-left: -11px;
-                position: absolute;
-                margin-top: 3px;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-.snapshot,
-.dataset {
-  .dataset-inner {
-    .dataset-files,
-    .dataset-git-hash {
-      .file-structure.panel-group {
-        .panel-default {
-          .panel-heading .panel-title {
-            font-size: 21px;
-            color: $c-33;
-            line-height: 21px;
-            padding: 0;
-            display: inline-block;
-            max-width: 100%;
-            margin-bottom: 5px;
-            font-family: $font-family-cabin;
-            font-family: var(--font-family-cabin);
-          }
-
-          .panel-body {
-            padding: 0;
-            border: 1px solid $ddd;
-            ul {
-              padding: 0;
-              position: relative;
-
-              li {
-                position: relative;
-
-                .cte-edit-button {
-                  position: absolute;
-                  top: 5px;
-                  right: 5px;
-                }
-              }
-            }
-
-            .filetree-editfile {
-              height: 20px;
-              float: none;
-              width: 100%;
-              display: block;
-              margin: 5px 0 0;
-
-              .btn-warn-load {
-                padding: 0px;
-                margin: 0px;
-              }
-            }
-          }
-        }
-
-        .panel-collapse {
-          .panel-body {
-            > ul.uploading-directory {
-              > li.uploading-spinner {
-                padding: 10px;
-                .loading-wrap {
-                  padding: 30px;
-                  width: 100%;
-                }
-              }
-              > li.uploading-progress {
-                padding: 10px;
-              }
-            }
-          }
-        }
-      }
-    }
-    .dataset-git-hash {
-      .col-xs-12 .panel-group .panel.panel-default .panel-body {
-        padding: 8px 12px;
-        overflow-wrap: break-word;
-      }
-    }
-  }
-}
-
-.color-green {
-  color: $brand-success;
-}
-
-.color-warning {
-  color: $coral;
-}
-
-.bulk-delete {
-  width: auto;
-  margin: 10px;
-  padding: 3px 10px;
-  font-size: 12px;
-  &:disabled {
-    background-color: #999;
-    color: #333;
-  }
-}
-
-.bulk-delete-checkbox-group {
-  display: flex;
-  align-items: center;
-  margin-bottom: 2em;
-  margin-top: 1px;
-  input[type='checkbox'] {
-    position: absolute;
-    opacity: 0;
-    z-index: -1;
-  }
-  label {
-    color: $secondary;
-    position: relative;
-    margin-right: 1em;
-    padding-left: 2em;
-    padding-right: 1em;
-    line-height: 1;
-    z-index: 1;
-    top: 1px;
-    cursor: pointer;
-    &:after {
-      box-sizing: border-box;
-      content: ' ';
-      position: absolute;
-      top: -2px;
-      left: 0;
-      display: block;
-      width: 15px;
-      height: 15px;
-      border: 2px solid $secondary;
-      border-radius: 0.25em;
-      z-index: -1;
-    }
-  }
-
-  /* Checked */
-  input[type='checkbox']:checked + label {
-    padding-left: 1em;
-    color: $secondary;
-    &:after {
-      width: 100%;
-      background: white;
-    }
-  }
-
-  /* Transition */
-  label,
-  label::after {
-    -webkit-transition: 0.25s all ease;
-    -o-transition: 0.25s all ease;
-    transition: 0.25s all ease;
-  }
-}