luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Allow scrolling in profile list

Browse Source
This commit is contained in:
Thomas Nordquist
2019-07-07 23:52:51 +02:00
parent 66bfcab256
commit 0ff6359a41
2 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
app/src/components/ConnectionSetup/ConnectionSetup.tsx
View File

@@ -95,9 +95,10 @@ const styles = (theme: Theme) => ({
borderRadius: `${theme.shape.borderRadius}px 0 0 ${theme.shape.borderRadius}px`, borderRadius: `${theme.shape.borderRadius}px 0 0 ${theme.shape.borderRadius}px`,
paddingTop: theme.spacing(2), paddingTop: theme.spacing(2),
flex: 3, flex: 3,
overflow: 'hidden', overflow: 'hidden' as 'hidden',
backgroundColor: theme.palette.background.default, backgroundColor: theme.palette.background.default,
color: theme.palette.text.primary, color: theme.palette.text.primary,
overflowY: 'auto' as 'auto',
}, },
right: { right: {
borderRadius: `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`, borderRadius: `0 ${theme.shape.borderRadius}px ${theme.shape.borderRadius}px 0`,

6
app/src/components/ConnectionSetup/ProfileList/index.tsx
View File

@@ -6,10 +6,10 @@ import { bindActionCreators } from 'redux'
import { connect } from 'react-redux' import { connect } from 'react-redux'
import { connectionManagerActions } from '../../../actions' import { connectionManagerActions } from '../../../actions'
import { ConnectionOptions } from '../../../model/ConnectionOptions' import { ConnectionOptions } from '../../../model/ConnectionOptions'
import { KeyCodes } from '../../../utils/KeyCodes'
import { List, ListSubheader } from '@material-ui/core' import { List, ListSubheader } from '@material-ui/core'
import { Theme, withStyles } from '@material-ui/core/styles' import { Theme, withStyles } from '@material-ui/core/styles'
import { useGlobalKeyEventHandler } from '../../../effects/useGlobalKeyEventHandler' import { useGlobalKeyEventHandler } from '../../../effects/useGlobalKeyEventHandler'
import { KeyCodes } from '../../../utils/KeyCodes'
interface Props { interface Props {
classes: any classes: any
@@ -39,10 +39,10 @@ function ProfileList(props: Props) {
useGlobalKeyEventHandler(KeyCodes.arrow_up, selectConnection('previous')) useGlobalKeyEventHandler(KeyCodes.arrow_up, selectConnection('previous'))
const createConnectionButton = ( const createConnectionButton = (
<ListSubheader component="div"> <div style={{ padding: '8px 16px' }}>
<AddButton action={actions.createConnection} /> <AddButton action={actions.createConnection} />
Connections Connections
</ListSubheader> </div>
) )
return ( return (