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

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