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