@openneuro/app 4.1.2 → 4.2.3

package/src/sass/crn_app/_common.papaya.scss

@@ -1,348 +0,0 @@
-.papaya {
-    width:90%;
-    height:90%;
-    margin:25px auto;
-    background-color:$black;
-    font-family:sans-serif;
-}
-.papaya:before {
-    position:relative;
-    content:"Papaya requires JavaScript...";
-    display:block;
-    top:45%;
-    color:red;
-    margin:0 auto;
-    font-size:18px;
-    font-family:sans-serif
-}
-.papaya-fullscreen {
-    height:100%
-}
-.papaya-toolbar {
-    text-align:left;
-    box-sizing:content-box
-}
-.papaya-toolbar ul {
-    margin:0;
-    list-style:none
-}
-.papaya-toolbar input[type=file] {
-    text-align:right;
-    display:none
-}
-.papaya-kiosk-controls {
-    margin:5px auto;
-    list-style:none;
-    -webkit-touch-callout:none;
-    -webkit-user-select:none;
-    -khtml-user-select:none;
-    -moz-user-select:none;
-    -ms-user-select:none;
-    user-select:none
-}
-.papaya-kiosk-controls ul {
-    list-style:none
-}
-.papaya-kiosk-controls button {
-    -webkit-appearance:none;
-    border-radius:0;
-    -webkit-border-radius:0;
-    font-size:14px;
-    height:25px;
-    background-color:lightgray
-}
-.papaya-control-increment {
-    -webkit-appearance:none;
-    border-radius:0;
-    -webkit-border-radius:0;
-    font-size:14px;
-    height:25px;
-    width:25px;
-    text-align:center;
-    vertical-align:middle;
-    padding:0;
-    margin-left:auto;
-    margin-right:auto;
-    line-height:16px;
-    box-sizing:border-box;
-    font-family:"Courier New", Courier, monospace
-}
-.papaya-main-increment {
-    -webkit-appearance:none;
-    border-radius:0;
-    -webkit-border-radius:0;
-    font-size:14px;
-    height:25px;
-    width:25px;
-    text-align:center;
-    font-family:"Courier New", Courier, monospace;
-    background-color:lightgray;
-    vertical-align:middle;
-    padding:0;
-    margin-left:auto;
-    margin-right:auto;
-    box-sizing:border-box;
-    outline:0
-}
-.papaya-main-decrement {
-    -webkit-appearance:none;
-    border-radius:0;
-    -webkit-border-radius:0;
-    font-size:14px;
-    height:25px;
-    width:25px;
-    text-align:center;
-    font-family:"Courier New", Courier, monospace;
-    background-color:lightgray;
-    vertical-align:middle;
-    padding:0;
-    margin-left:auto;
-    margin-right:auto;
-    box-sizing:border-box;
-    outline:0
-}
-.papaya-main-swap {
-    -webkit-appearance:none;
-    border-radius:0;
-    -webkit-border-radius:0;
-    font-size:14px;
-    height:25px;
-    background-color:lightgray;
-    outline:0
-}
-.papaya-main-goto-center {
-    -webkit-appearance:none;
-    border-radius:0;
-    -webkit-border-radius:0;
-    font-size:14px;
-    height:25px;
-    background-color:lightgray;
-    outline:0
-}
-.papaya-main-goto-origin {
-    -webkit-appearance:none;
-    border-radius:0;
-    -webkit-border-radius:0;
-    font-size:14px;
-    height:25px;
-    background-color:lightgray;
-    outline:0
-}
-.papaya-slider-slice {
-    padding:0 5px;
-    display:inline
-}
-.papaya-slider-slice span {
-    font-size:14px;
-    font-family:sans-serif;
-    vertical-align:middle
-}
-.papaya-slider-slice button {
-    -webkit-appearance:none;
-    border-radius:0;
-    -webkit-border-radius:0;
-    vertical-align:middle;
-    font-size:14px;
-    height:25px;
-    background-color:lightgray
-}
-.papaya-controlbar-label {
-    color:$black;
-}
-.papaya-menu {
-    width:220px;
-    background:$mine-shaft;
-    z-index:100;
-    position:absolute;
-    border:solid 2px darkgray;
-    padding:4px;
-    margin:0;
-    left: 0px !important;
-}
-.papaya-menu li {
-    font-size:12px;
-    font-family:sans-serif;
-    padding:4px 2px;
-    color:$jungle-mist;
-    cursor:pointer;
-    list-style-type:none
-}
-.papaya-menu-label {
-    font-size:14px;
-    font-family:sans-serif;
-    font-weight:bold;
-    padding:2px 8px;
-    cursor:pointer;
-    vertical-align:text-bottom
-}
-.papaya-menu-titlebar {
-    font-size:16px;
-    font-family:sans-serif;
-    padding:3px 8px 0 8px;
-    cursor:default;
-    vertical-align:text-bottom;
-    color:$white;
-}
-.papaya-menu-icon {
-    margin-left:5px
-}
-.papaya-menu-icon img {
-    box-sizing:content-box
-}
-.papaya-menu-hovering {
-    background-color:$c-44;
-}
-.papaya-menu-spacer {
-    height:8px
-}
-.papaya-menu-unselectable {
-    -moz-user-select:-moz-none;
-    -khtml-user-select:none;
-    -webkit-user-select:none;
-    -ms-user-select:none;
-    user-select:none;
-    -webkit-user-drag:none;
-    user-drag:none
-}
-.papaya-menu-button-hovering {
-    background-color:$ddd
-}
-.papaya-menu-filechooser {
-    cursor:pointer;
-    width:200px;
-    display:inline-block;
-    font-weight:normal
-}
-.papaya-menu-input {
-    width:38px;
-    margin-right:5px;
-    color:black
-}
-li .papaya-menu-slider {
-    vertical-align:middle;
-    text-align:center;
-    display:inline;
-    width:120px;
-    padding:0;
-    margin:0
-}
-.papaya-dialog {
-    min-width:400px;
-    max-width:500px;
-    height:500px;
-    background:$mine-shaft;
-    position:absolute;
-    z-index:100;
-    border:solid 2px darkgray;
-    padding:6px;
-    font-size:14px;
-    font-family:sans-serif;
-    color: $jungle-mist;
-    box-sizing:content-box;
-    line-height:1.45
-}
-.papaya-dialog-content {
-    margin:20px;
-    height:415px;
-    color:$de;
-    overflow:auto;
-    -ms-overflow-style:-ms-autohiding-scrollbar
-}
-.papaya-dialog-content-nowrap {
-    white-space:nowrap
-}
-.papaya-dialog-content table {
-    margin:0 auto
-}
-.papaya-dialog-content-label {
-    text-align:right;
-    padding:5px;
-    color:$jungle-mist
-}
-.papaya-dialog-content-control {
-    text-align:left;
-    padding:5px
-}
-.papaya-dialog-content-help {
-    text-align:right;
-    padding:5px;
-    color:lightgray;
-    font-size:12px
-}
-.papaya-dialog-title {
-    color:$jungle-mist;
-    font-weight:bold;
-    font-size:16px
-}
-.papaya-dialog-button {
-    text-align:right;
-    box-sizing:content-box;
-    height:22px
-}
-.papaya-dialog-button button {
-    box-sizing:content-box;
-    color:black;
-    font-size:11px
-}
-.papaya-dialog-background {
-    position:fixed;
-    top:0;
-    left:0;
-    background-color:$white;
-    width:100%;
-    height:100%;
-    opacity:.5
-}
-.papaya-dialog-stopscroll {
-    height:100%;
-    overflow:hidden
-}
-.checkForJS {
-    width:90%;
-    height:90%;
-    margin:25px auto;
-    background-color:$black;
-}
-.checkForJS:before {
-    position:relative;
-    content:"Papaya requires JavaScript...";
-    display:block;
-    top:45%;
-    color:red;
-    margin:0 auto;
-    font-size:18px;
-    font-family:sans-serif;
-    text-align:center
-}
-.papaya-utils-unsupported {
-    width:90%;
-    height:90%;
-    margin:25px auto;
-    background-color:$black;
-}
-.papaya-utils-unsupported-message {
-    position:relative;
-    display:block;
-    top:45%;
-    color:red;
-    margin:0 auto;
-    font-size:18px;
-    font-family:sans-serif;
-    text-align:center
-}
-.papaya-viewer {
-    line-height:1;
-    font-family:sans-serif
-}
-.papaya-viewer div, .papaya-viewer canvas {
-    margin:0;
-    padding:0;
-    border:0;
-    font:inherit;
-    font-size:100%;
-    vertical-align:baseline;
-    font-family:sans-serif
-}
-.papaya-viewer canvas {
-    cursor:crosshair;
-}

package/src/sass/crn_app/_common.progress-bar.scss

@@ -1,26 +0,0 @@
-
-
-//progress bar ========================
-
-.progress {
-    @include border-radius(0);
-    background: $de;
-    height: 18px;
-    margin: 0;
-    padding: 0;
-}
-
-.progress-bar {
-    max-width: 100%;
-    background: $tertiary;
-    background: var(--tertiary);
-
-    span span {
-        font-size: 10px;
-        line-height: 10px;
-        margin: 0;
-        text-align: left;
-        display: block;
-        padding: 5px;
-    }
-}

package/src/sass/crn_app/_common.spinner.scss

@@ -1,63 +0,0 @@
-//dataset loading icon spinner
-@import 'common.variables';
-
-@include mobile {
-    .loading-wrap {
-        padding: 150px !important;
-    }
-  }
-
-.loading-wrap {
-    padding: 60px 0 30px;
-    text-align: center;
-    position: relative;
-
-    span {
-        text-transform: uppercase;
-        margin-top: 5px;
-        display: block;
-        font-size: 12px;
-        color: $spinner-color;
-        color: var(--spinner-color);
-    }
-
-    .spinner,
-    .spinnerinner {
-        @include border-radius(50%);
-        @include box-sizing(border-box);
-        position: relative;
-        border: 4px solid $spinner-color;
-        border: 4px solid var(--spinner-color);
-        border-color: transparent $spinner-color;
-        border-color: transparent var(--spinner-color);
-        width: 45px;
-        height: 45px;
-        padding: 0;
-        margin: 0;
-    }
-
-    .spinner {
-        @include animation(spin 4s linear 0s infinite normal);
-        margin: 0 auto;
-    }
-
-    .spinnerinner {
-        @include animation(spin 1s linear 0s infinite normal);
-        @include border-radius(50%);
-        border-width: 2px;
-        margin: 21%;
-        padding: 0;
-        position: absolute;
-        top: 0;
-        bottom: 0;
-        left: 0;
-        right: 0;
-        display: block;
-        width: 60%;
-        height: 60%;
-    }
-}
-
-.open .loading-wrap{
-    width: 80%;
-}

package/src/sass/crn_app/_common.status.scss

@@ -1,103 +0,0 @@
-.snapshot,
-.dataset {
-    .status-container {
-        width: 100%;
-        float: none;
-        box-sizing: border-box;
-
-        .status-wrap, .metrics-wrap {
-            padding: 0;
-            margin: 0;
-
-            > span {
-                @extend %clearfix;
-                padding: 20px 0 0;
-                margin-right: 15px;
-                display: inline-block;
-            }
-
-            .status {
-                display: inline-block;
-                width: auto;
-                float: left;
-                margin-left: 0;
-                margin-right: 15px;
-                text-align: left;
-            }
-        }
-    }
-}
-
-.dataset-status {
-    background: none;
-    color: $c-66;
-    font-size: 14px;
-    font-family: $font-family-cabin;
-    font-family: var(--font-family-cabin);
-    font-weight: 300;
-    padding: 0;
-    margin: 0;
-    text-align: center;
-    display: inline;
-    width: 100%;
-    position: relative;
-
-    i {
-        margin-right: 5px;
-    }
-
-    &.ds-primary {
-        background: none;
-        color: $primary;
-        color: var(--primary);
-    }
-
-    &.ds-success {
-        background: none;
-        color: $brand-success;
-    }
-
-    &.ds-info {
-        background: none;
-        color: $brand-info;
-    }
-
-    &.ds-warning {
-        background: none;
-        color: $brand-warning;
-    }
-
-    &.ds-danger {
-        background: none;
-        color: $brand-danger;
-    }
-
-    input {
-        color: transparent;
-        padding: 0;
-        height: 20px;
-        display: block;
-        width: 100%;
-        max-width: 90px;
-
-        &::-webkit-file-upload-button {
-            visibility: hidden;
-            color: transparent;
-        }
-
-        &::before {
-            @extend %btn-blue;
-            @include user-select(none);
-            content: 'resume';
-            display: inline-block;
-            outline: none;
-            white-space: nowrap;
-            font-size: 10px;
-            padding: 0;
-        }
-
-        &[type="file"]:focus {
-            outline: none;
-        }
-    }
-}

package/src/sass/crn_app/_common.tooltip.scss

@@ -1,22 +0,0 @@
-
-// tooltips ========================
-
-.tooltip {
-    z-index: 1000;
-    margin-left: -1px;
-
-    &.top .tooltip-arrow {
-        border-top-color: $transparent9;
-    }
-}
-
-.tooltip-inner {
-    max-width: 200px;
-    font-size: 12px;
-    border-radius: 0;
-    background: $transparent9;
-    color: $white;
-    padding: 8px 12px;
-}
-
-

package/src/sass/crn_app/_common.typeahead.scss

@@ -1,31 +0,0 @@
-.typeahead {
-    position: relative;
-    display: inline;
-
-    input {
-        padding: 4px 10px;
-        margin: 5px 0;
-    }
-
-    .typeahead-results {
-        position: absolute;
-        background: $white;
-        list-style: none;
-        padding: 0;
-        box-shadow: 1px 1px 5px -2px $transparent5;
-        min-width: 300px;
-        max-height: 300px;
-        overflow: hidden;
-        overflow-y: scroll;
-
-        li {
-            border-top: 1px solid $ccc;
-            padding: 15px;
-            cursor: pointer;
-
-            &:first-child {border: 0;}
-            &:hover {background: $eee;}
-            &:active {background: $ddd;}
-        }
-    }
-}

package/src/sass/crn_app/_common.variables.scss

@@ -1,16 +0,0 @@
-// Custom SCSS Variables + Mixins ========================
-// * Variables *
-$mobile-breakpoint: 765px;
-$tablet-breakpoint: 1120px;
-// * Mixins *
-@mixin mobile {
-    @media (max-width: #{$mobile-breakpoint}) {
-        @content;
-    }
-}
-
-@mixin tablet {
-    @media (max-width: #{$tablet-breakpoint}) {
-        @content;
-    }
-}