client/src/app/videos/+video-edit/video-add-components/video-upload.component.scss

   1 @import 'variables';
   2 @import 'mixins';
   3
   4 .peertube-select-container {
   5   @include peertube-select-container(190px);
   6 }
   7
   8 .alert.alert-danger {
   9   text-align: center;
  10
  11   & > div {
  12     font-weight: $font-semibold;
  13   }
  14 }
  15
  16 .upload-video {
  17   display: flex;
  18   flex-direction: column;
  19   align-items: center;
  20
  21   .form-group-channel {
  22     margin-bottom: 20px;
  23     margin-top: 35px;
  24   }
  25
  26   .icon.icon-upload {
  27     @include icon(90px);
  28     margin-bottom: 25px;
  29     cursor: default;
  30
  31     background-image: url('../../../../assets/images/video/upload.svg');
  32   }
  33
  34   .button-file {
  35     @include peertube-button-file(auto);
  36
  37     min-width: 190px;
  38   }
  39
  40   .button-file-extension {
  41     display: block;
  42     font-size: 12px;
  43     margin-top: 5px;
  44   }
  45 }
  46
  47 .upload-progress-cancel {
  48   display: flex;
  49   margin-top: 25px;
  50   margin-bottom: 40px;
  51
  52   p-progressBar {
  53     flex-grow: 1;
  54
  55     /deep/ .ui-progressbar {
  56       font-size: 15px !important;
  57       height: 30px !important;
  58       border-radius: 3px !important;
  59       background-color: rgba(11, 204, 41, 0.16) !important;
  60
  61       .ui-progressbar-value {
  62         background-color: #0BCC29 !important;
  63       }
  64
  65       .ui-progressbar-label {
  66         text-align: left;
  67         padding-left: 18px;
  68         margin-top: 0 !important;
  69         color: #fff !important;
  70         line-height: 30px !important;
  71       }
  72     }
  73
  74     &.processing {
  75       /deep/ .ui-progressbar-label {
  76         // Same color as background to hide "100%"
  77         color: rgba(11, 204, 41, 0.16) !important;
  78
  79         &::before {
  80           content: 'Processing...';
  81           color: #fff;
  82         }
  83       }
  84     }
  85   }
  86
  87   input {
  88     @include peertube-button;
  89     @include grey-button;
  90
  91     margin-left: 10px;
  92   }
  93 }