forked from matrix/element-web
Remove scrollbars by removing overflow: scroll in places. Add a title for hover over on long (or otherwise) topics.
This commit is contained in:
parent
64727cb60e
commit
0eceb737de
|
@ -127,7 +127,8 @@ limitations under the License.
|
||||||
font-weight: 300;
|
font-weight: 300;
|
||||||
padding-left: 16px;
|
padding-left: 16px;
|
||||||
padding-right: 16px;
|
padding-right: 16px;
|
||||||
overflow-y: scroll;
|
overflow: hidden;
|
||||||
|
text-overflow: ellipsis;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mx_RoomHeader_avatar {
|
.mx_RoomHeader_avatar {
|
||||||
|
|
|
@ -54,7 +54,6 @@ limitations under the License.
|
||||||
|
|
||||||
border-bottom: 1px solid #a8dbf3;
|
border-bottom: 1px solid #a8dbf3;
|
||||||
|
|
||||||
overflow: scroll;
|
|
||||||
-webkit-flex: 0 0 auto;
|
-webkit-flex: 0 0 auto;
|
||||||
flex: 0 0 auto;
|
flex: 0 0 auto;
|
||||||
}
|
}
|
||||||
|
|
|
@ -82,7 +82,7 @@ module.exports = React.createClass({
|
||||||
<div className="mx_RoomHeader_name">
|
<div className="mx_RoomHeader_name">
|
||||||
<EditableText label={this.props.room.name} initialValue={actual_name} placeHolder="Name" onValueChanged={this.onNameChange} />
|
<EditableText label={this.props.room.name} initialValue={actual_name} placeHolder="Name" onValueChanged={this.onNameChange} />
|
||||||
</div>
|
</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 = (
|
settings_button = (
|
||||||
<div className="mx_RoomHeader_button" onClick={this.props.onSettingsClick}>
|
<div className="mx_RoomHeader_button" onClick={this.props.onSettingsClick}>
|
||||||
<img src="img/settings.png" width="32" height="32"/>
|
<img src="img/settings.png" width="32" height="32"/>
|
||||||
|
|
Loading…
Reference in New Issue