mirror
/
Sonarr
mirror of https://github.com/Sonarr/Sonarr
1
0
Fork 0
Code Issues Releases Wiki Activity

New: Auto focus input when editing release group during manual import 

Closes #4906
This commit is contained in:
Mark McDowall 2022-02-21 11:10:20 -08:00
parent 9e1b799fb7
commit 715711e6d7
2 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/InteractiveImport/ReleaseGroup/SelectReleaseGroupModalContent.css Normal file
View File

@ -0,0 +1,7 @@
.modalBody {
composes: modalBody from '~Components/Modal/ModalBody.css';
display: flex;
flex: 1 1 auto;
flex-direction: column;
}

9
frontend/src/InteractiveImport/ReleaseGroup/SelectReleaseGroupModalContent.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, kinds } from 'Helpers/Props'; import { inputTypes, kinds, scrollDirections } from 'Helpers/Props';
import Button from 'Components/Link/Button'; import Button from 'Components/Link/Button';
import Form from 'Components/Form/Form'; import Form from 'Components/Form/Form';
import FormGroup from 'Components/Form/FormGroup'; import FormGroup from 'Components/Form/FormGroup';
@ -10,6 +10,7 @@ import ModalContent from 'Components/Modal/ModalContent';
import ModalHeader from 'Components/Modal/ModalHeader'; import ModalHeader from 'Components/Modal/ModalHeader';
import ModalBody from 'Components/Modal/ModalBody'; import ModalBody from 'Components/Modal/ModalBody';
import ModalFooter from 'Components/Modal/ModalFooter'; import ModalFooter from 'Components/Modal/ModalFooter';
import styles from './SelectReleaseGroupModalContent.css';
class SelectReleaseGroupModalContent extends Component { class SelectReleaseGroupModalContent extends Component {
@ -57,7 +58,10 @@ class SelectReleaseGroupModalContent extends Component {
Manual Import - Set Release Group Manual Import - Set Release Group
</ModalHeader> </ModalHeader>
<ModalBody> <ModalBody
className={styles.modalBody}
scrollDirection={scrollDirections.NONE}
>
<Form> <Form>
<FormGroup> <FormGroup>
<FormLabel>Release Group</FormLabel> <FormLabel>Release Group</FormLabel>
@ -66,6 +70,7 @@ class SelectReleaseGroupModalContent extends Component {
type={inputTypes.TEXT} type={inputTypes.TEXT}
name="releaseGroup" name="releaseGroup"
value={releaseGroup} value={releaseGroup}
autoFocus={true}
onChange={this.onReleaseGroupChange} onChange={this.onReleaseGroupChange}
/> />
</FormGroup> </FormGroup>