imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

add input styling for light and dark panels (leftpanel vs room header)

Browse source
This commit is contained in:
Bruno Windels 2018-11-05 09:32:37 +01:00
parent 80afc0982b
commit 46389457e3
7 changed files with 28 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

1
src/components/structures/GroupView.js
View file

@ -1287,6 +1287,7 @@ export default React.createClass({
const headerClasses = {
mx_GroupView_header: true,
'light-panel': true,
mx_GroupView_header_view: !this.state.editing,
mx_GroupView_header_isUserMember: this.state.isUserMember,
};

2
src/components/structures/LeftPanel.js
View file

@ -201,7 +201,7 @@ const LeftPanel = React.createClass({
return (
<div className={containerClasses}>
{ tagPanel }
<aside className={"mx_LeftPanel"} onKeyDown={ this._onKeyDown } onFocus={ this._onFocus } onBlur={ this._onBlur }>
<aside className={"mx_LeftPanel dark-panel"} onKeyDown={ this._onKeyDown } onFocus={ this._onFocus } onBlur={ this._onBlur }>
<TopLeftMenuButton collapsed={ this.props.collapsed }/>
{ searchBox }
<CallPreview ConferenceHandler={VectorConferenceHandler} />

2
src/components/views/groups/GroupMemberList.js
View file

@ -163,7 +163,7 @@ export default React.createClass({
</div> : <div />;
return (
<div className="mx_MemberList">
<div className="mx_MemberList dark-panel">
{ inputBox }
<GeminiScrollbarWrapper autoshow={true}>
{ joined }

2
src/components/views/groups/GroupRoomList.js
View file

@ -131,7 +131,7 @@ export default React.createClass({
const GeminiScrollbarWrapper = sdk.getComponent("elements.GeminiScrollbarWrapper");
const TruncatedList = sdk.getComponent("elements.TruncatedList");
return (
<div className="mx_GroupRoomList">
<div className="mx_GroupRoomList dark-panel">
{ inputBox }
<GeminiScrollbarWrapper autoshow={true} className="mx_GroupRoomList_joined mx_GroupRoomList_outerWrapper">
<TruncatedList className="mx_GroupRoomList_wrapper" truncateAt={this.state.truncateAt}

2
src/components/views/rooms/MemberList.js
View file

@ -457,7 +457,7 @@ module.exports = React.createClass({
);
return (
<div className="mx_MemberList">
<div className="mx_MemberList dark-panel">
{ filterAndButtons }
<GeminiScrollbarWrapper autoshow={true}>
<div className="mx_MemberList_wrapper">

2
src/components/views/rooms/RoomHeader.js
View file

@ -424,7 +424,7 @@ module.exports = React.createClass({
}
return (
<div className={"mx_RoomHeader " + (this.props.editing ? "mx_RoomHeader_editing" : "")}>
<div className={"mx_RoomHeader light-panel " + (this.props.editing ? "mx_RoomHeader_editing" : "")}>
<div className="mx_RoomHeader_wrapper">
<div className="mx_RoomHeader_avatar">{ roomAvatar }</div>
{ name }