-.btn-file {
- position: relative;
- overflow: hidden;
- display: block;
+// Bootstrap grid utilities require functions, variables and mixins
+@import 'node_modules/bootstrap/scss/functions';
+@import 'node_modules/bootstrap/scss/variables';
+@import 'node_modules/bootstrap/scss/mixins';
+@import 'node_modules/bootstrap/scss/grid';
+
+@import 'variables';
+@import 'mixins';
+
+label {
+ font-weight: $font-regular;
+ font-size: 100%;
}
-.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;
+.peertube-select-container {
+ @include peertube-select-container(auto);
+}
+
+.title-page a {
+ color: var(--mainForegroundColor);
+
+ &:hover {
+ text-decoration: none;
+ opacity: .8;
+ }
+}
+
+my-peertube-checkbox {
display: block;
+ margin-bottom: 1rem;
}
-.form-group {
- margin-bottom: 10px;
+.nav-tabs {
+ margin-bottom: 15px;
}
-div.tags {
- height: 40px;
- font-size: 20px;
- margin-top: 20px;
+.video-edit {
+ height: 100%;
+ min-height: 300px;
+
+ .form-group {
+ margin-bottom: 25px;
+ }
+
+ input {
+ @include peertube-input-text(100%);
+ display: block;
+ }
- .tag {
- margin-right: 10px;
+ .label-tags + span {
+ font-size: 15px;
+ }
+
+ .advanced-settings .form-group {
+ margin-bottom: 20px;
+ }
+}
+
+.captions {
+
+ .captions-header {
+ text-align: right;
+ margin-bottom: 1rem;
+
+ .create-caption {
+ @include create-button;
+ }
+ }
+
+ .caption-entry {
+ display: flex;
+ height: 40px;
+ align-items: center;
+
+ a.caption-entry-label {
+ @include disable-default-a-behaviour;
+
+ flex-grow: 1;
+ color: #000;
+
+ &:hover {
+ opacity: 0.8;
+ }
+ }
+
+ .caption-entry-label {
+ font-size: 15px;
+ font-weight: bold;
+
+ margin-right: 20px;
+ width: 150px;
+ }
+
+ .caption-entry-state {
+ width: 200px;
+
+ &.caption-entry-state-create {
+ color: #39CC0B;
+ }
+
+ &.caption-entry-state-delete {
+ color: #FF0000;
+ }
+ }
- .remove {
- cursor: pointer;
+ .caption-entry-delete {
+ @include peertube-button;
+ @include grey-button;
+ }
+ }
+
+ .no-caption {
+ text-align: center;
+ font-size: 15px;
+ }
+}
+
+.submit-container {
+ text-align: right;
+
+ .message-submit {
+ display: inline-block;
+ margin-right: 25px;
+
+ color: $grey-foreground-color;
+ font-size: 15px;
+ }
+
+ .submit-button {
+ @include peertube-button;
+ @include orange-button;
+ @include button-with-icon(20px, 1px);
+
+ display: inline-block;
+
+ input {
+ cursor: inherit;
+ background-color: inherit;
+ border: none;
+ padding: 0;
+ outline: 0;
+ color: inherit;
+ font-weight: $font-semibold;
+ }
+ }
+}
+
+p-calendar {
+ display: block;
+
+ ::ng-deep {
+ input,
+ .ui-calendar {
+ width: 100%;
+ }
+
+ input {
+ @include peertube-input-text(100%);
+ color: #000;
}
}
}
-div.file-to-upload {
- height: 40px;
+::ng-deep my-markdown-textarea {
+ .root {
+ @include media-breakpoint-down(xl) {
+ flex-direction: column !important;
+ }
- .glyphicon-remove {
- cursor: pointer;
+ textarea {
+ max-width: 100%;
+ }
}
}
-.little-information {
- font-size: 0.8em;
- font-style: italic;
+@include ng2-tags;
+
+// columns for the video
+.col-video-edit {
+ @include make-col-ready();
+
+ @include media-breakpoint-up(md) {
+ @include make-col(7);
+
+ & + .col-video-edit {
+ @include make-col(5);
+ }
+ }
+
+ @include media-breakpoint-up(xl) {
+ @include make-col(8);
+
+ & + .col-video-edit {
+ @include make-col(4);
+ }
+ }
}
-.label-tags {
- margin-bottom: 0;
+:host-context(.expanded) {
+ .col-video-edit {
+ @include media-breakpoint-up(md) {
+ @include make-col(8);
+
+ & + .col-video-edit {
+ @include make-col(4);
+ }
+ }
+ }
}