Remove scrollbars by removing overflow: scroll in places. Add a title for hover over on long (or otherwise) topics.

This commit is contained in:
David Baker 2015-08-07 16:01:39 +01:00
parent 64727cb60e
commit 0eceb737de
3 changed files with 3 additions and 3 deletions

View File

@ -127,7 +127,8 @@ limitations under the License.
font-weight: 300;
padding-left: 16px;
padding-right: 16px;
overflow-y: scroll;
overflow: hidden;
text-overflow: ellipsis;
}
.mx_RoomHeader_avatar {

View File

@ -54,7 +54,6 @@ limitations under the License.
border-bottom: 1px solid #a8dbf3;
overflow: scroll;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
}

View File

@ -82,7 +82,7 @@ module.exports = React.createClass({
<div className="mx_RoomHeader_name">
<EditableText label={this.props.room.name} initialValue={actual_name} placeHolder="Name" onValueChanged={this.onNameChange} />
</div>
if (topic) topic_el = <div className="mx_RoomHeader_topic">{ topic.getContent().topic }</div>;
if (topic) topic_el = <div className="mx_RoomHeader_topic" title={topic.getContent().topic}>{ topic.getContent().topic }</div>;
settings_button = (
<div className="mx_RoomHeader_button" onClick={this.props.onSettingsClick}>
<img src="img/settings.png" width="32" height="32"/>