@include peertube-select-container(auto);
}
-.peertube-select-disabled-container {
- @include peertube-select-disabled-container(auto);
+my-peertube-checkbox {
+ display: block;
+ margin-bottom: 1rem;
}
.video-edit {
height: 100%;
+ min-height: 300px;
.form-group {
margin-bottom: 25px;
input {
@include peertube-input-text(100%);
display: block;
-
- &[type=checkbox] {
- @include peertube-checkbox(1px);
- }
}
input, select {
font-size: 15px
}
- .form-group-checkbox {
+ .label-tags + span {
+ font-size: 15px;
+ }
+
+ .advanced-settings .form-group {
+ margin-bottom: 20px;
+ }
+}
+
+.captions {
+
+ .captions-header {
+ text-align: right;
+
+ .create-caption {
+ @include create-button('../../../../assets/images/global/add.svg');
+ }
+ }
+
+ .caption-entry {
display: flex;
+ height: 40px;
align-items: center;
- label {
- font-weight: $font-regular;
- margin: 0;
+ a.caption-entry-label {
+ @include disable-default-a-behaviour;
+
+ color: #000;
+
+ &:hover {
+ opacity: 0.8;
+ }
}
- input {
- width: 10px;
- margin-right: 10px;
+ .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;
+ }
+ }
+
+ .caption-entry-delete {
+ @include peertube-button;
+ @include grey-button;
}
}
- .label-tags + span {
+ .no-caption {
+ text-align: center;
font-size: 15px;
}
}
border: none;
padding: 0;
outline: 0;
+ color: inherit;
+ font-weight: $font-semibold;
}
.icon.icon-validate {
}
}
+p-calendar {
+ display: block;
+
+ /deep/ {
+ input,
+ .ui-calendar {
+ width: 100%;
+ }
+
+ input {
+ @include peertube-input-text(100%);
+ color: #000;
+ }
+ }
+}
+
/deep/ {
+ .root-tabset > .nav {
+ margin-bottom: 15px;
+ }
+
.ng2-tag-input {
border: none !important;
}
tag-input-form {
input {
height: 30px !important;
- background-color: #fff !important;
+
+ background-color: var(--mainBackgroundColor) !important;
+ color: var(--mainForegroundColor) !important;
}
}
tag {
- background-color: #E5E5E5 !important;
+ background-color: var(--inputColor) !important;
border-radius: 3px !important;
font-size: 15px !important;
- color: #000 !important;
+ color: var(--mainForegroundColor) !important;
height: 30px !important;
line-height: 30px !important;
margin: 0 5px 0 0 !important;