Matrix-Mirrors/schildi-web
1
0
Fork 0
mirror of https://github.com/SchildiChat/element-web.git synced 2024-10-01 01:26:12 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge remote-tracking branch 'origin/develop' into develop

Browse Source
This commit is contained in:
Weblate 2018-02-15 11:05:31 +00:00
commit 7fe65703f7
2 changed files with 19 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72
src/components/structures/LeftPanel.js
View File

@ -19,7 +19,6 @@ limitations under the License.
import React from 'react'; import React from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import classNames from 'classnames'; import classNames from 'classnames';
import { DragDropContext } from 'react-beautiful-dnd';
import { MatrixClient } from 'matrix-js-sdk'; import { MatrixClient } from 'matrix-js-sdk';
import { KeyCode } from 'matrix-react-sdk/lib/Keyboard'; import { KeyCode } from 'matrix-react-sdk/lib/Keyboard';
import sdk from 'matrix-react-sdk'; import sdk from 'matrix-react-sdk';
@ -27,8 +26,6 @@ import dis from 'matrix-react-sdk/lib/dispatcher';
import VectorConferenceHandler from '../../VectorConferenceHandler'; import VectorConferenceHandler from '../../VectorConferenceHandler';
import SettingsStore from 'matrix-react-sdk/lib/settings/SettingsStore'; import SettingsStore from 'matrix-react-sdk/lib/settings/SettingsStore';
import TagOrderActions from 'matrix-react-sdk/lib/actions/TagOrderActions';
import RoomListActions from 'matrix-react-sdk/lib/actions/RoomListActions';
var LeftPanel = React.createClass({ var LeftPanel = React.createClass({
@ -170,47 +167,6 @@ var LeftPanel = React.createClass({
this.setState({ searchFilter: term }); this.setState({ searchFilter: term });
}, },
onDragEnd: function(result) {
// Dragged to an invalid destination, not onto a droppable
if (!result.destination) {
return;
}
const dest = result.destination.droppableId;
if (dest === 'tag-panel-droppable') {
// Dispatch synchronously so that the TagPanel receives an
// optimistic update from TagOrderStore before the previous
// state is shown.
dis.dispatch(TagOrderActions.moveTag(
this.context.matrixClient,
result.draggableId,
result.destination.index,
), true);
} else {
this.onRoomTileEndDrag(result);
}
},
onRoomTileEndDrag: function(result) {
let newTag = result.destination.droppableId.split('_')[1];
let prevTag = result.source.droppableId.split('_')[1];
if (newTag === 'undefined') newTag = undefined;
if (prevTag === 'undefined') prevTag = undefined;
const roomId = result.draggableId.split('_')[1];
const oldIndex = result.source.index;
const newIndex = result.destination.index;
dis.dispatch(RoomListActions.tagRoom(
this.context.matrixClient,
this.context.matrixClient.getRoom(roomId),
prevTag, newTag,
oldIndex, newIndex,
), true);
},
collectRoomList: function(ref) { collectRoomList: function(ref) {
this._roomList = ref; this._roomList = ref;
}, },
@ -250,21 +206,19 @@ var LeftPanel = React.createClass({
); );
return ( return (
<DragDropContext onDragEnd={this.onDragEnd}> <div className={containerClasses}>
<div className={containerClasses}> { tagPanel }
{ tagPanel } <aside className={classes} onKeyDown={ this._onKeyDown } onFocus={ this._onFocus } onBlur={ this._onBlur }>
<aside className={classes} onKeyDown={ this._onKeyDown } onFocus={ this._onFocus } onBlur={ this._onBlur }> { topBox }
{ topBox } <CallPreview ConferenceHandler={VectorConferenceHandler} />
<CallPreview ConferenceHandler={VectorConferenceHandler} /> <RoomList
<RoomList ref={this.collectRoomList}
ref={this.collectRoomList} collapsed={this.props.collapsed}
collapsed={this.props.collapsed} searchFilter={this.state.searchFilter}
searchFilter={this.state.searchFilter} ConferenceHandler={VectorConferenceHandler} />
ConferenceHandler={VectorConferenceHandler} /> <BottomLeftMenu collapsed={this.props.collapsed}/>
<BottomLeftMenu collapsed={this.props.collapsed}/> </aside>
</aside> </div>
</div>
</DragDropContext>
); );
} }
}); });

8
src/skins/vector/css/matrix-react-sdk/structures/_MyGroups.scss
View File

@ -94,7 +94,7 @@ limitations under the License.
text-align: center; text-align: center;
} }
.mx_MyGroups_joinedGroups .gm-scroll-view { .mx_MyGroups_joinedGroups {
border-top: 1px solid $primary-hairline-color; border-top: 1px solid $primary-hairline-color;
overflow-x: hidden; overflow-x: hidden;
@ -104,7 +104,7 @@ limitations under the License.
align-content: flex-start; align-content: flex-start;
} }
.mx_MyGroups_joinedGroups .gm-scroll-view .mx_GroupTile { .mx_MyGroups_joinedGroups .mx_GroupTile {
min-width: 300px; min-width: 300px;
max-width: 33%; max-width: 33%;
flex: 1 0 300px; flex: 1 0 300px;
@ -115,6 +115,10 @@ limitations under the License.
cursor: pointer; cursor: pointer;
} }
.mx_GroupTile_avatar {
cursor: grab, -webkit-grab;
}
.mx_GroupTile_profile { .mx_GroupTile_profile {
margin-left: 10px; margin-left: 10px;
display: flex; display: flex;