PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Apply Flex voodoo

Browse source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2019-05-16 21:55:17 +01:00
parent 9744cbd448
commit d7c6869188
3 changed files with 12 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
res/css/views/dialogs/_DevtoolsDialog.scss
View file

@ -82,8 +82,13 @@ limitations under the License.
display: inline-block; display: inline-block;
} }
.mx_DevTools_content .mx_Field_input + .mx_Field_input { .mx_DevTools_eventTypeStateKeyGroup {
margin-left: 42px; display: flex;
flex-wrap: wrap;
}
.mx_DevTools_content .mx_Field_input:first-of-type {
margin-right: 42px;
} }
.mx_DevTools_tgl { .mx_DevTools_tgl {

2
src/autocomplete/UserProvider.js
View file

@ -119,7 +119,7 @@ export default class UserProvider extends AutocompleteProvider {
component: ( component: (
<PillCompletion <PillCompletion
initialComponent={<MemberAvatar member={user} width={24} height={24} />} initialComponent={<MemberAvatar member={user} width={24} height={24} />}
title={displayName} title={displayName}mx_DevTools_content
description={user.userId} /> description={user.userId} />
), ),
range, range,

2
src/components/views/dialogs/DevtoolsDialog.js
View file

@ -128,8 +128,10 @@ class SendCustomEvent extends GenericEditor {
return <div> return <div>
<div className="mx_DevTools_content"> <div className="mx_DevTools_content">
<div className="mx_DevTools_eventTypeStateKeyGroup">
{ this.textInput('eventType', _t('Event Type')) } { this.textInput('eventType', _t('Event Type')) }
{ this.state.isStateEvent && this.textInput('stateKey', _t('State Key')) } { this.state.isStateEvent && this.textInput('stateKey', _t('State Key')) }
</div>
<br /> <br />