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