mirror of
https://github.com/element-hq/element-web
synced 2024-11-29 12:58:53 +03:00
Merge pull request #2198 from vector-im/wmwragg/multi-invite-bugfix
Wmwragg/multi invite bugfix
This commit is contained in:
commit
c5a52d89be
4 changed files with 13 additions and 9 deletions
|
@ -165,6 +165,7 @@ module.exports = React.createClass({
|
||||||
var FilePanel = sdk.getComponent('structures.FilePanel');
|
var FilePanel = sdk.getComponent('structures.FilePanel');
|
||||||
var TintableSvg = sdk.getComponent("elements.TintableSvg");
|
var TintableSvg = sdk.getComponent("elements.TintableSvg");
|
||||||
var buttonGroup;
|
var buttonGroup;
|
||||||
|
var inviteGroup;
|
||||||
var panel;
|
var panel;
|
||||||
|
|
||||||
var filesHighlight;
|
var filesHighlight;
|
||||||
|
@ -210,6 +211,14 @@ module.exports = React.createClass({
|
||||||
{ notificationsHighlight }
|
{ notificationsHighlight }
|
||||||
</div>
|
</div>
|
||||||
</div>;
|
</div>;
|
||||||
|
|
||||||
|
inviteGroup =
|
||||||
|
<div className="mx_RightPanel_invite" onClick={ this.onInviteButtonClick } >
|
||||||
|
<div className="mx_RightPanel_icon" >
|
||||||
|
<TintableSvg src="img/icon-invite-people.svg" width="35" height="35" />
|
||||||
|
</div>
|
||||||
|
<div className="mx_RightPanel_message">Invite to this room</div>
|
||||||
|
</div>;
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!this.props.collapsed) {
|
if (!this.props.collapsed) {
|
||||||
|
@ -244,12 +253,7 @@ module.exports = React.createClass({
|
||||||
</div>
|
</div>
|
||||||
{ panel }
|
{ panel }
|
||||||
<div className="mx_RightPanel_footer">
|
<div className="mx_RightPanel_footer">
|
||||||
<div className="mx_RightPanel_invite" >
|
{ inviteGroup }
|
||||||
<div className="mx_RightPanel_icon" onClick={ this.onInviteButtonClick } >
|
|
||||||
<TintableSvg src="img/icon-invite-people.svg" width="35" height="35" />
|
|
||||||
</div>
|
|
||||||
<div className="mx_RightPanel_message">Invite to this room</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</aside>
|
</aside>
|
||||||
);
|
);
|
||||||
|
|
|
@ -44,7 +44,7 @@ limitations under the License.
|
||||||
padding-bottom: 1px;
|
padding-bottom: 1px;
|
||||||
max-height: 150px;
|
max-height: 150px;
|
||||||
overflow-x: hidden;
|
overflow-x: hidden;
|
||||||
overflow-y: scroll;
|
overflow-y: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_ChatInviteDialog_error {
|
.mx_ChatInviteDialog_error {
|
||||||
|
|
|
@ -19,7 +19,7 @@ limitations under the License.
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
width: 485px;
|
width: 485px;
|
||||||
max-height: 116px;
|
max-height: 116px;
|
||||||
overflow-y: scroll;
|
overflow-y: auto;
|
||||||
border-radius: 3px;
|
border-radius: 3px;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
border: solid 1px #76cfa6;
|
border: solid 1px #76cfa6;
|
||||||
|
|
|
@ -110,6 +110,7 @@ limitations under the License.
|
||||||
color: #4A4A4A;
|
color: #4A4A4A;
|
||||||
padding-top: 13px;
|
padding-top: 13px;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
|
||||||
.collapsed .mx_RightPanel_footer .mx_RightPanel_invite {
|
.collapsed .mx_RightPanel_footer .mx_RightPanel_invite {
|
||||||
|
@ -118,7 +119,6 @@ limitations under the License.
|
||||||
|
|
||||||
.mx_RightPanel_invite .mx_RightPanel_icon {
|
.mx_RightPanel_invite .mx_RightPanel_icon {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_RightPanel_invite .mx_RightPanel_icon object {
|
.mx_RightPanel_invite .mx_RightPanel_icon object {
|
||||||
|
|
Loading…
Reference in a new issue