client/src/app/videos/+video-edit/shared/video-edit.component.scss

   1 @import '_variables';
   2 @import '_mixins';
   3
   4 .peertube-select-container {
   5   @include peertube-select-container(auto);
   6 }
   7
   8 .peertube-select-disabled-container {
   9   @include peertube-select-disabled-container(auto);
  10 }
  11
  12 .video-edit {
  13   height: 100%;
  14
  15   .form-group {
  16     margin-bottom: 25px;
  17   }
  18
  19   input {
  20     @include peertube-input-text(100%);
  21     display: block;
  22
  23     &[type=checkbox] {
  24       @include peertube-checkbox(1px);
  25     }
  26   }
  27
  28   input, select {
  29     font-size: 15px
  30   }
  31
  32   .form-group-checkbox {
  33     display: flex;
  34     align-items: center;
  35
  36     label {
  37       font-weight: $font-regular;
  38       margin: 0;
  39     }
  40
  41     input {
  42       width: 10px;
  43       margin-right: 10px;
  44     }
  45   }
  46
  47   .label-tags + span {
  48     font-size: 15px;
  49   }
  50 }
  51
  52 .submit-container {
  53   text-align: right;
  54   position: relative;
  55   bottom: $button-height;
  56
  57   .message-submit {
  58     display: inline-block;
  59     margin-right: 25px;
  60
  61     color: #585858;
  62     font-size: 15px;
  63   }
  64
  65   .submit-button {
  66     @include peertube-button;
  67     @include orange-button;
  68
  69     display: inline-block;
  70
  71     input {
  72       cursor: inherit;
  73       background-color: inherit;
  74       border: none;
  75       padding: 0;
  76       outline: 0;
  77     }
  78
  79     .icon.icon-validate {
  80       @include icon(20px);
  81
  82       cursor: inherit;
  83       position: relative;
  84       top: -1px;
  85       margin-right: 4px;
  86       background-image: url('../../../../assets/images/global/validate.svg');
  87     }
  88   }
  89 }
  90
  91 /deep/ {
  92   .ng2-tag-input {
  93     border: none !important;
  94   }
  95
  96   .ng2-tags-container {
  97     display: flex;
  98     align-items: center;
  99     border: 1px solid #C6C6C6;
 100     border-radius: 3px;
 101     padding: 5px !important;
 102     height: 40px;
 103   }
 104
 105   tag-input-form {
 106     input {
 107       height: 30px !important;
 108       background-color: #fff !important;
 109     }
 110   }
 111
 112   tag {
 113     background-color: #E5E5E5 !important;
 114     border-radius: 3px !important;
 115     font-size: 15px !important;
 116     color: #000 !important;
 117     height: 30px !important;
 118     line-height: 30px !important;
 119     margin: 0 5px 0 0 !important;
 120     cursor: default !important;
 121     padding: 0 8px 0 10px !important;
 122
 123     div {
 124       height: 100% !important;
 125     }
 126   }
 127
 128   delete-icon {
 129     cursor: pointer !important;
 130     height: auto !important;
 131     vertical-align: middle !important;
 132     padding-left: 6px !important;
 133
 134     svg {
 135       position: relative;
 136       top: -1px;
 137       height: auto !important;
 138       vertical-align: middle !important;
 139       fill: #585858 !important;
 140     }
 141
 142     &:hover {
 143       transform: none !important;
 144     }
 145   }
 146 }