-.btn-file {
- position: relative;
- overflow: hidden;
- display: block;
-}
+@import '_variables';
+@import '_mixins';
-.btn-file input[type=file] {
- position: absolute;
- top: 0;
- right: 0;
- min-width: 100%;
- min-height: 100%;
- font-size: 100px;
- text-align: right;
- filter: alpha(opacity=0);
- opacity: 0;
- outline: none;
- background: white;
- cursor: inherit;
- display: block;
+.peertube-select-container {
+ @include peertube-select-container(auto);
}
-.form-group {
- margin-bottom: 10px;
+.peertube-select-disabled-container {
+ @include peertube-select-disabled-container(auto);
}
-div.tags {
- height: 40px;
- font-size: 20px;
- margin-top: 20px;
+.video-edit {
+ height: 100%;
+
+ .form-group {
+ margin-bottom: 25px;
+ }
- .tag {
- margin-right: 10px;
+ input {
+ @include peertube-input-text(100%);
+ display: block;
- .remove {
- cursor: pointer;
+ &[type=checkbox] {
+ @include peertube-checkbox(1px);
}
}
-}
-div.file-to-upload {
- height: 40px;
+ input, select {
+ font-size: 15px
+ }
+
+ .form-group-checkbox {
+ display: flex;
+ align-items: center;
+
+ label {
+ font-weight: $font-regular;
+ margin: 0;
+ }
+
+ input {
+ width: 10px;
+ margin-right: 10px;
+ }
+ }
+
+ .label-tags + span {
+ font-size: 15px;
+ }
+
+ .root-tabset /deep/ > .nav {
+ margin-left: 15px;
+ margin-bottom: 15px;
- .glyphicon-remove {
- cursor: pointer;
+ .nav-link {
+ display: flex !important;
+ align-items: center;
+ height: 30px !important;
+ padding: 0 15px !important;
+ }
}
}
-.little-information {
- font-size: 0.8em;
- font-style: italic;
+.submit-container {
+ text-align: right;
+
+ .message-submit {
+ display: inline-block;
+ margin-right: 25px;
+
+ color: #585858;
+ font-size: 15px;
+ }
+
+ .submit-button {
+ @include peertube-button;
+ @include orange-button;
+
+ display: inline-block;
+
+ input {
+ cursor: inherit;
+ background-color: inherit;
+ border: none;
+ padding: 0;
+ outline: 0;
+ }
+
+ .icon.icon-validate {
+ @include icon(20px);
+
+ cursor: inherit;
+ position: relative;
+ top: -1px;
+ margin-right: 4px;
+ background-image: url('../../../../assets/images/global/validate.svg');
+ }
+ }
}
-.label-tags {
- margin-bottom: 0;
+/deep/ {
+ .ng2-tag-input {
+ border: none !important;
+ }
+
+ .ng2-tags-container {
+ display: flex;
+ align-items: center;
+ border: 1px solid #C6C6C6;
+ border-radius: 3px;
+ padding: 5px !important;
+ height: 40px;
+ }
+
+ tag-input-form {
+ input {
+ height: 30px !important;
+ background-color: #fff !important;
+ }
+ }
+
+ tag {
+ background-color: #E5E5E5 !important;
+ border-radius: 3px !important;
+ font-size: 15px !important;
+ color: #000 !important;
+ height: 30px !important;
+ line-height: 30px !important;
+ margin: 0 5px 0 0 !important;
+ cursor: default !important;
+ padding: 0 8px 0 10px !important;
+
+ div {
+ height: 100% !important;
+ }
+ }
+
+ delete-icon {
+ cursor: pointer !important;
+ height: auto !important;
+ vertical-align: middle !important;
+ padding-left: 6px !important;
+
+ svg {
+ position: relative;
+ top: -1px;
+ height: auto !important;
+ vertical-align: middle !important;
+ fill: #585858 !important;
+ }
+
+ &:hover {
+ transform: none !important;
+ }
+ }
}