212 lines
3.4 KiB
SCSS
212 lines
3.4 KiB
SCSS
@import '_variables';
|
|
@import '_mixins';
|
|
|
|
.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;
|
|
}
|
|
|
|
.nav-tabs {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
.video-edit {
|
|
height: 100%;
|
|
min-height: 300px;
|
|
|
|
.form-group {
|
|
margin-bottom: 25px;
|
|
}
|
|
|
|
input {
|
|
@include peertube-input-text(100%);
|
|
display: block;
|
|
}
|
|
|
|
.label-tags + span {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.advanced-settings .form-group {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
|
|
.captions {
|
|
|
|
.captions-header {
|
|
text-align: right;
|
|
|
|
.create-caption {
|
|
@include create-button;
|
|
}
|
|
}
|
|
|
|
.caption-entry {
|
|
display: flex;
|
|
height: 40px;
|
|
align-items: center;
|
|
|
|
a.caption-entry-label {
|
|
@include disable-default-a-behaviour;
|
|
|
|
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;
|
|
}
|
|
}
|
|
|
|
.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;
|
|
}
|
|
}
|
|
}
|
|
|
|
::ng-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: max-content;
|
|
}
|
|
|
|
tag-input-form {
|
|
input {
|
|
height: 30px !important;
|
|
font-size: 12px !important;
|
|
|
|
background-color: var(--mainBackgroundColor) !important;
|
|
color: var(--mainForegroundColor) !important;
|
|
}
|
|
}
|
|
|
|
tag {
|
|
background-color: $grey-background-color !important;
|
|
color: #000 !important;
|
|
border-radius: 3px !important;
|
|
font-size: 12px !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;
|
|
|
|
path {
|
|
fill: $grey-foreground-color !important;
|
|
}
|
|
}
|
|
|
|
&:hover {
|
|
transform: none !important;
|
|
}
|
|
}
|
|
}
|