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