85 lines
1.5 KiB
SCSS
85 lines
1.5 KiB
SCSS
|
// styles for Video variant editor (table + modal)
|
||
|
|
|
||
|
|
|
||
|
|
.config-variant-form {
|
||
|
|
.blurb {
|
||
|
|
margin: 1em;
|
||
|
|
opacity: .75;
|
||
|
|
}
|
||
|
|
.note {
|
||
|
|
display: inline-block;
|
||
|
|
margin-left: 1em;
|
||
|
|
font-size: .75em;
|
||
|
|
opacity: .5;
|
||
|
|
font-style: italic;
|
||
|
|
}
|
||
|
|
.section-intro {
|
||
|
|
margin-bottom: 2em;
|
||
|
|
}
|
||
|
|
.field {
|
||
|
|
margin-bottom: 2em;
|
||
|
|
display: flex;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: center;
|
||
|
|
align-items: flex-start;
|
||
|
|
transform: opacity .15s;
|
||
|
|
&.disabled {
|
||
|
|
opacity: .25;
|
||
|
|
}
|
||
|
|
|
||
|
|
.label {
|
||
|
|
width: 40%;
|
||
|
|
text-align: right;
|
||
|
|
padding-right: 2em;
|
||
|
|
font-weight: bold;
|
||
|
|
color: var(--owncast-purple);
|
||
|
|
}
|
||
|
|
.info-tip {
|
||
|
|
margin-right: 1em;
|
||
|
|
}
|
||
|
|
.form-component {
|
||
|
|
width: 60%;
|
||
|
|
|
||
|
|
.selected-value-note {
|
||
|
|
font-size: .85em;
|
||
|
|
display: inline-block;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
.ant-collapse {
|
||
|
|
border: none;
|
||
|
|
border-radius: 6px;
|
||
|
|
}
|
||
|
|
.ant-collapse > .ant-collapse-item:last-child,
|
||
|
|
.ant-collapse > .ant-collapse-item:last-child > .ant-collapse-header {
|
||
|
|
border: none;
|
||
|
|
background-color: rgba(0,0,0,.25);
|
||
|
|
border-radius: 6px;
|
||
|
|
}
|
||
|
|
.ant-collapse-content {
|
||
|
|
background-color: rgba(0,0,0,.1);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
|
||
|
|
.config-video-segements-conatiner {
|
||
|
|
|
||
|
|
.status-message {
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
|
||
|
|
.variants-table {
|
||
|
|
.actions {
|
||
|
|
display: flex;
|
||
|
|
align-items: center;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
.delete-button {
|
||
|
|
margin-left: .5em;
|
||
|
|
opacity: .8;
|
||
|
|
}
|
||
|
|
}
|
