FarmMapsLib/projects/common/src/fm/components/resumable-file-upload/resumable-file-upload.component.scss

@import "../../theme.scss";

/* Import Bootstrap & Fonts */

@import "~bootstrap/scss/bootstrap.scss";

div.resumable-file-upload {
  position: fixed;
  right: 0px;
  bottom: 0px;
  width: 300px;
  max-height: 250px;
  /*z-index:2000 !important;*/
}

div.minimized {
    height: 0px;
}

div.closed {
    height: 0px;
}

div.card {
    margin-bottom: 0px;
}

div.card-block {
    max-height: calc(250px - 41px);
    overflow-y: auto;
}

div.minimized div.card-block {
    height: 0px;
}

div.card-header span.fa {
    padding-left: 5px;
}

.upload-file {
    padding-top: 3px;
}

    .upload-file .progress-container {
        height: 3px;
        width: 100%;
        margin-top:4px;
    }

        .upload-file .progress-container .progress-bar {
            display: block;
            background-color: color("green");
            width: 0%;
            height: 100%;
        }

    .upload-file.done .progress-container .progress-bar {
        display: none;
    }

    .upload-file > div > span.file-name {
        display: inline-block;
        width: calc(100% - 20px);
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
    }

    .upload-file > div > a.file-name {
      display: inline-block;
      width: calc(100% - 20px);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      vertical-align: middle;
  }

.upload-file.busy > div > span.fa-times {
  color: theme-color("danger");
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}

  .upload-file.done > div > span.fa-times {
    display: none;
  }

  .upload-file.done > div > span.fa-check {
    color: color("green");
    width: 20px;
    display: inline-block;
    vertical-align: middle;
  }

  .upload-file > div.errormessage {
    color: theme-color("danger");
    display: none;
  }

  .upload-file.error > div.errormessage {
    display: block;
  }

  .upload-file.busy > div > span.fa-check {
    display: none;
  }

.resumable-file-upload ul {
  padding:0px;
}