Merge pull request #2198 from vector-im/wmwragg/multi-invite-bugfix

Wmwragg/multi invite bugfix

src/components/structures/RightPanel.js

@@ -165,6 +165,7 @@ module.exports = React.createClass({
         var FilePanel = sdk.getComponent('structures.FilePanel');
         var TintableSvg = sdk.getComponent("elements.TintableSvg");
         var buttonGroup;
+        var inviteGroup;
         var panel;
 
         var filesHighlight;
@@ -210,6 +211,14 @@ module.exports = React.createClass({
                             { notificationsHighlight }
                         </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) {
@@ -244,12 +253,7 @@ module.exports = React.createClass({
                 </div>
                 { panel }
                 <div className="mx_RightPanel_footer">
-                    <div className="mx_RightPanel_invite" >
-                        <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>
+                    { inviteGroup }
                 </div>
             </aside>
         );

src/skins/vector/css/matrix-react-sdk/views/dialogs/ChatInviteDialog.css

@@ -44,7 +44,7 @@ limitations under the License.
     padding-bottom: 1px;
     max-height: 150px;
     overflow-x: hidden;
-    overflow-y: scroll;
+    overflow-y: auto;
 }
 
 .mx_ChatInviteDialog_error {

src/skins/vector/css/matrix-react-sdk/views/elements/AddressSelector.css

@@ -19,7 +19,7 @@ limitations under the License.
     background-color: #fff;
     width: 485px;
     max-height: 116px;
-    overflow-y: scroll;
+    overflow-y: auto;
 	border-radius: 3px;
 	background-color: #fff;
 	border: solid 1px #76cfa6;

src/skins/vector/css/vector-web/structures/RightPanel.css

@@ -110,6 +110,7 @@ limitations under the License.
 	color: #4A4A4A;
     padding-top: 13px;
     padding-left: 5px;
+    cursor: pointer;
 }
 
 .collapsed .mx_RightPanel_footer .mx_RightPanel_invite {
@@ -118,7 +119,6 @@ limitations under the License.
 
 .mx_RightPanel_invite .mx_RightPanel_icon {
     display: inline-block;
-    cursor: pointer;
 }
 
 .mx_RightPanel_invite .mx_RightPanel_icon object {