support scrollable content for UnknownDeviceDialog

This commit is contained in:
Matthew Hodgson 2017-02-02 00:25:49 +00:00
parent c09d173415
commit 5e5b7f89f4
4 changed files with 7 additions and 6 deletions

View file

@ -17,6 +17,7 @@ limitations under the License.
import React from 'react';
import sdk from '../../../index';
import MatrixClientPeg from '../../../MatrixClientPeg';
import GeminiScrollbar from 'react-gemini-scrollbar';
function UserUnknownDeviceList(props) {
const {userDevices} = props;
@ -81,12 +82,12 @@ export default React.createClass({
onFinished={this.props.onFinished}
title='Room contains unknown devices'
>
<div className="mx_Dialog_content">
<GeminiScrollbar autoshow={true} className="mx_Dialog_content">
<h4>This room contains devices which have not been
verified.</h4>
<p>
This means there is no guarantee that the devices belong
to a valid user of the room.
to a rightful user of the room.
</p><p>
We recommend you go through the verification process
for each device before continuing, but you can resend
@ -94,7 +95,7 @@ export default React.createClass({
</p>
<p>Unknown devices:</p>
<UnknownDeviceList devices={this.props.devices} />
</div>
</GeminiScrollbar>
<div className="mx_Dialog_buttons">
<button className="mx_Dialog_primary" autoFocus={ true }
onClick={ this.props.onFinished } >