aiforge/web_src/less/_dataset.less

.dataset {
    padding-top: 15px;
    .dataset-files {
        margin: 30px 0 !important;
        #dataset {
            .dz-preview {
                border-bottom: 1px solid rgb(218, 220, 224);
                min-height: 0;
            }
            .dz-preview.dz-file-preview,
            .dz-preview.dz-processing {
                display: flex;
                align-items: center;
                .dz-details {
                    z-index: 1;
                    opacity: 1 !important;
                    display: flex;
                    padding: 0 0 10px 0;
                    min-width: 60%;
                    max-width: 60%;
                    position: relative;
                }
                .dz-success-mark {
                    z-index: 0;
                    position: relative;
                    top: 0;
                    left: auto;
                    color: green;
                    margin: 0 16px;
                }
                .dz-error-mark {
                    z-index: 0;
                    position: relative;
                    top: 0;
                    left: auto;
                    color: red;
                    margin: 0 16px;
                }
                .bar {
                    background: #21ba45;
                }
                .dz-progress {
                    left: 4px;
                    background: grey;
                    width: 70%;
                    top: 20px;
                    margin: 0;
                }
                .dz-file {
                    margin-bottom: auto;
                }
            }
            .dz-preview .dz-error-message {
                background: none;
            }
            .dz-preview .dz-error-message::after {
                border: none !important;
            }
        }
        .upload-info {
            padding-top: 8px;
        }
    }
    #dataset-list {
        border-top: 1px solid #dddddd;
        margin-top: 20px;
        padding-top: 15px;

        > li {
            list-style: none;

            .meta,
            .detail {
                padding-top: 30px;
                padding-bottom: 40px;
            }

            .meta {
                text-align: right;
                position: relative;

                .tag:not(.icon) {
                    display: block;
                    margin-top: 15px;
                }

                .commit {
                    display: block;
                    margin-top: 10px;
                }
            }

            .detail {
                border-left: 1px solid #dddddd;

                .author {
                    img {
                        margin-bottom: -3px;
                    }
                }

                .download {
                    margin-top: 20px;

                    > a {
                        .svg {
                            margin-left: 5px;
                            margin-right: 5px;
                        }
                    }

                    .list {
                        padding-left: 0;
                        border-top: 1px solid #eeeeee;

                        li {
                            list-style: none;
                            display: block;
                            padding-top: 8px;
                            padding-bottom: 8px;
                            border-bottom: 1px solid #eeeeee;

                            a > .text.right {
                                margin-right: 5px;
                            }
                        }
                    }
                }

                .dot {
                    width: 9px;
                    height: 9px;
                    background-color: #cccccc;
                    z-index: 999;
                    position: absolute;
                    display: block;
                    left: -5px;
                    top: 40px;
                    border-radius: 6px;
                    border: 1px solid #ffffff;
                }
            }
        }
    }
    .item {
        padding-top: 15px;
        padding-bottom: 10px;
        border-bottom: 1px dashed #aaaaaa;
    }
    .ui.grid > .row {
        align-items: center;
    }
    .title {
        font-size: 16px;
        font-weight: bold;
        margin: 0 6px;
    }
    .directory-seperator {
        padding: 0 4px;
    }
}
.dataset-list {
    .octicon-check {
        padding-right: 8px;
    }
    .hide {
        display: none;
    }
}
.ui.dataset.list {
    .item {
        padding-bottom: 25px;

        &:not(:first-child) {
            border-top: 1px solid #eeeeee;
            padding-top: 25px;
        }

        .ui.header {
            font-size: 1.3rem;
            padding-bottom: 10px;

            .name {
                word-break: break-all;
            }

            .metas {
                color: #888888;
                font-size: 14px;
                font-weight: normal;

                span:not(:last-child) {
                    margin-right: 5px;
                }
            }
        }

        .time {
            font-size: 12px;
            color: #808080;
        }

        .ui.tags {
            margin-bottom: 1em;
        }

        .ui.avatar.image {
            width: 24px;
            height: 24px;
        }
    }
}