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

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