@import "../../../variables.scss";

.upload_outer_container {
  display: flex;
  flex-direction: row;
  position: relative;

  height: 100%;
}

.upload_container {
  display: flex;
  flex-direction: column;
  // max-height: 95vh;

  flex-grow: 1;

  // position: relative;

  mat-dialog-content.dialog_content {
    flex-grow: 1;
    max-height: unset;

    #choose_save_location {
      min-width: 300px;

      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: baseline;

      #trigger_file_explorer {
        margin-left: 20px;
      }
    }
  }
}

.torrent_contents_container {
  position: absolute;

  top: 2%;
  bottom: 3%;
  right: -540px;
  z-index: 10;

  width: 550px;
  max-height: 95vh;

  border-radius: 15px;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

  padding: 18px;

  background: $bg-surface-light-0;

  .files_in_torrents {
    height: 90%;

    width: 100%;
    overflow: scroll;
  }

  .torrent-contents-header {
    display: flex;
    flex-direction: row;
    align-items: baseline;
  }
}

.mat-raised-button {
    background: #1976D2;
}

mat-form-field {
    flex-grow: 1;
}

mat-hint {
  font-size: small;
}

#magnet_url_input {
  min-width: 100%;
  min-height: 280px;
}

#torrentFileUpload {
  display: none;
}

.file_upload_container {
  display: flex;
  flex-direction: column;
}

.upload_files {
  display: flex;
  flex-direction: column;

  justify-content: center;
  align-items: center;

  align-self: center;

  width: 100%;
  min-height: 200px;

  padding: 5px;
  text-align: center;

  /** Nice border */
  border: dashed 1px grey;
  border-radius: 20px;

  cursor: pointer;

  /** Styles to apply when hovering over drag & drop container */
  &.fileover {
    box-shadow: inset 0px 0px 60px -10px rgba(0, 0, 0, 0.2);
    transition: all ease-in-out 200ms;
  }

  /** Styles to apply when hovering over drag & drop container */
  &.dark-theme.fileover {
    box-shadow: inset 0px 0px 60px -10px rgba(136, 136, 136, 1);
    transition: all ease-in-out 200ms;
  }
}

.upload_files h4 {
  margin-left: 10px;
}

.dark-theme {
  .torrent_contents_container {
    background: $bg-surface-0;
  }
}


@media screen and (max-width: 1355px) {
  .torrent_contents_container {
    right: -470px;
    width: 480px;
  }
}

@media screen and (max-width: 1270px) {
  .torrent_contents_container {
    position: relative;

    right: unset;
    width: unset;
    border-radius: unset;
    box-shadow: unset;
  }

  .generic-dialog {
    overflow: auto;
  }
}
