mirror of
https://github.com/Radarr/Radarr.git
synced 2024-10-26 22:52:40 +02:00
Fixed: Render CustomFormats under profile option for Large Screens
This commit is contained in:
parent
a826c1dc25
commit
aeda4cba32
@ -3,7 +3,8 @@
|
|||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
}
|
}
|
||||||
|
|
||||||
.formGroupWrapper {
|
.formGroupWrapper,
|
||||||
|
.formatItemLarge {
|
||||||
flex: 0 0 calc($formGroupSmallWidth - 100px);
|
flex: 0 0 calc($formGroupSmallWidth - 100px);
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -11,8 +12,20 @@
|
|||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (max-width: $breakpointLarge) {
|
.formatItemSmall {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media only screen and (max-width: calc($breakpointLarge + 100px)) {
|
||||||
.formGroupsContainer {
|
.formGroupsContainer {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.formatItemSmall {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
.formatItemLarge {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -21,6 +21,17 @@ import styles from './EditQualityProfileModalContent.css';
|
|||||||
|
|
||||||
const MODAL_BODY_PADDING = parseInt(dimensions.modalBodyPadding);
|
const MODAL_BODY_PADDING = parseInt(dimensions.modalBodyPadding);
|
||||||
|
|
||||||
|
function getCustomFormatRender(formatItems, otherProps) {
|
||||||
|
return (
|
||||||
|
<QualityProfileFormatItems
|
||||||
|
profileFormatItems={formatItems.value}
|
||||||
|
errors={formatItems.errors}
|
||||||
|
warnings={formatItems.warnings}
|
||||||
|
{...otherProps}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
class EditQualityProfileModalContent extends Component {
|
class EditQualityProfileModalContent extends Component {
|
||||||
|
|
||||||
//
|
//
|
||||||
@ -251,6 +262,10 @@ class EditQualityProfileModalContent extends Component {
|
|||||||
onChange={onLanguageChange}
|
onChange={onLanguageChange}
|
||||||
/>
|
/>
|
||||||
</FormGroup>
|
</FormGroup>
|
||||||
|
|
||||||
|
<div className={styles.formatItemLarge}>
|
||||||
|
{getCustomFormatRender(formatItems, ...otherProps)}
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className={styles.formGroupWrapper}>
|
<div className={styles.formGroupWrapper}>
|
||||||
@ -263,13 +278,8 @@ class EditQualityProfileModalContent extends Component {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className={styles.formGroupWrapper}>
|
<div className={styles.formatItemSmall}>
|
||||||
<QualityProfileFormatItems
|
{getCustomFormatRender(formatItems, otherProps)}
|
||||||
profileFormatItems={formatItems.value}
|
|
||||||
errors={formatItems.errors}
|
|
||||||
warnings={formatItems.warnings}
|
|
||||||
{...otherProps}
|
|
||||||
/>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</Form>
|
</Form>
|
||||||
|
Loading…
Reference in New Issue
Block a user