mirror/Radarr
1
0
Fork 0
mirror of https://github.com/Radarr/Radarr synced 2024-12-25 09:21:57 +00: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
style={{ height: `${this.state.height}px` }}
isOpen={isOpen}
size={sizes.EXTRA_LARGE}
size={sizes.LARGE}
onModalClose={onModalClose}
>
<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;
}
}

15
frontend/src/Settings/CustomFormats/CustomFormats/EditCustomFormatModalContent.js
View file

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