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
  55   .message-submit {
  56     display: inline-block;
  57     margin-right: 25px;
  58
  59     color: #585858;
  60     font-size: 15px;
  61   }
  62
  63   .submit-button {
  64     @include peertube-button;
  65     @include orange-button;
  66
  67     display: inline-block;
  68
  69     input {
  70       cursor: inherit;
  71       background-color: inherit;
  72       border: none;
  73       padding: 0;
  74       outline: 0;
  75     }
  76
  77     .icon.icon-validate {
  78       @include icon(20px);
  79
  80       cursor: inherit;
  81       position: relative;
  82       top: -1px;
  83       margin-right: 4px;
  84       background-image: url('../../../../assets/images/global/validate.svg');
  85     }
  86   }
  87 }
  88
  89 /deep/ {
  90   .ng2-tag-input {
  91     border: none !important;
  92   }
  93
  94   .ng2-tags-container {
  95     display: flex;
  96     align-items: center;
  97     border: 1px solid #C6C6C6;
  98     border-radius: 3px;
  99     padding: 5px !important;
 100     height: 40px;
 101   }
 102
 103   tag-input-form {
 104     input {
 105       height: 30px !important;
 106       background-color: #fff !important;
 107     }
 108   }
 109
 110   tag {
 111     background-color: #E5E5E5 !important;
 112     border-radius: 3px !important;
 113     font-size: 15px !important;
 114     color: #000 !important;
 115     height: 30px !important;
 116     line-height: 30px !important;
 117     margin: 0 5px 0 0 !important;
 118     cursor: default !important;
 119     padding: 0 8px 0 10px !important;
 120
 121     div {
 122       height: 100% !important;
 123     }
 124   }
 125
 126   delete-icon {
 127     cursor: pointer !important;
 128     height: auto !important;
 129     vertical-align: middle !important;
 130     padding-left: 6px !important;
 131
 132     svg {
 133       position: relative;
 134       top: -1px;
 135       height: auto !important;
 136       vertical-align: middle !important;
 137       fill: #585858 !important;
 138     }
 139
 140     &:hover {
 141       transform: none !important;
 142     }
 143   }
 144 }