Mirrors/Radarr
1
0
Fork 0
mirror of https://github.com/Radarr/Radarr.git synced 2024-09-11 20:12:41 +02:00
Code Issues Releases Wiki Activity

Fixed: Custom Format Edit Modal Huge Size

Browse Source
This commit is contained in:
Qstick 2019-10-09 22:20:43 -04:00
parent 9bbd314452
commit 6e601ede37
3 changed files with 24 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModal.js
View File

@ -40,7 +40,7 @@ class EditCustomFormatModal extends Component {
<Modal <Modal
style={{ height: `${this.state.height}px` }} style={{ height: `${this.state.height}px` }}
isOpen={isOpen} isOpen={isOpen}
size={sizes.EXTRA_LARGE} size={sizes.LARGE}
onModalClose={onModalClose} onModalClose={onModalClose}
> >
<EditCustomFormatModalContentConnector <EditCustomFormatModalContentConnector

18
frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModalContent.css
View File

@ -1,18 +0,0 @@
.formGroupsContainer {
display: flex;
flex-wrap: wrap;
}
.formGroupWrapper {
flex: 0 0 calc($formGroupSmallWidth - 100px);
}
.deleteButtonContainer {
margin-right: auto;
}
@media only screen and (max-width: $breakpointLarge) {
.formGroupsContainer {
display: block;
}
}

51
frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModalContent.js
View File

@ -1,6 +1,6 @@
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import React, { Component } from 'react'; import React, { Component } from 'react';
import { inputTypes, sizes } from 'Helpers/Props'; import { inputTypes } from 'Helpers/Props';
import Button from 'Components/Link/Button'; import Button from 'Components/Link/Button';
import SpinnerErrorButton from 'Components/Link/SpinnerErrorButton'; import SpinnerErrorButton from 'Components/Link/SpinnerErrorButton';
import LoadingIndicator from 'Components/Loading/LoadingIndicator'; import LoadingIndicator from 'Components/Loading/LoadingIndicator';
@ -12,7 +12,6 @@ import Form from 'Components/Form/Form';
import FormGroup from 'Components/Form/FormGroup'; import FormGroup from 'Components/Form/FormGroup';
import FormLabel from 'Components/Form/FormLabel'; import FormLabel from 'Components/Form/FormLabel';
import FormInputGroup from 'Components/Form/FormInputGroup'; import FormInputGroup from 'Components/Form/FormInputGroup';
import styles from './EditCustomFormatModalContent.css';
class EditCustomFormatModalContent extends Component { class EditCustomFormatModalContent extends Component {
@ -62,35 +61,31 @@ class EditCustomFormatModalContent extends Component {
<Form <Form
{...otherProps} {...otherProps}
> >
<div className={styles.formGroupsContainer}> <FormGroup>
<div className={styles.formGroupWrapper}> <FormLabel>
<FormGroup size={sizes.EXTRA_SMALL}> Name
<FormLabel size={sizes.SMALL}> </FormLabel>
Name
</FormLabel>
<FormInputGroup <FormInputGroup
type={inputTypes.TEXT} type={inputTypes.TEXT}
name="name" name="name"
{...name} {...name}
onChange={onInputChange} onChange={onInputChange}
/> />
</FormGroup> </FormGroup>
<FormGroup size={sizes.EXTRA_SMALL}> <FormGroup>
<FormLabel size={sizes.SMALL}> <FormLabel>
Format Tags Format Tags
</FormLabel> </FormLabel>
<FormInputGroup <FormInputGroup
type={inputTypes.TEXT_TAG} type={inputTypes.TEXT_TAG}
name="formatTags" name="formatTags"
{...formatTags} {...formatTags}
onChange={onInputChange} onChange={onInputChange}
/> />
</FormGroup> </FormGroup>
</div>
</div>
</Form> </Form>
} }