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